Yes, you can get the div elements, and then use the `slice` method to get the last five:

    var e = $(&#39;#someelement &gt; div&#39;).slice(-5);


Sure, you could use the `.length` property of a selector to get the count, and then use the `:gt(n)` selector to get the last 5.

    var o = $(&quot;div.container &gt; div:gt(&quot;+($(&quot;div.container &gt; div&quot;).length-5)+&quot;)&quot;);

As of jQuery 1.8, you can use a negative value in the `:gt()` pseudo selector. 

Reference: https://api.jquery.com/gt-selector.

e.g.

    var e = $(&#39;#someelement &gt; div:gt(-6)&#39;);

**JSFiddle:** https://jsfiddle.net/TrueBlueAussie/g4drety2/3/

**Notes:**

- The value needs to be `n+1`
- `.slice(-5)` is faster as `:gt` cannot use browser performance boosting.


I need to invoke an initial `GET HTTP request` with Basic `Authentication`. This would be the first time the request is sent to the server and I already have the `username &amp; password` so there&#39;s no need for a challenge from the server for authorization.

First question:

 1. Does `NSURLConnection` have to be set as synchronous to do Basic Auth? According to the answer on this [post][1], it seems that you can&#39;t do Basic Auth if you opt for the async route.

 2. Anyone know of any some sample code that illustrates Basic Auth on a `GET request` without the need for a challenge response? [Apple&#39;s documentation][2] shows an example but only after the server has issued the challenge request to the client. 

I&#39;m kind of new the networking portion of the SDK and I&#39;m not sure which of the other classes I should use to get this working. (I see the `NSURLCredential` class but it seems that it is used only with `NSURLAuthenticationChallenge` after the client has requested for an authorized resource from the server).


  [1]: https://stackoverflow.com/questions/993409/basic-http-authentication-on-iphone
  [2]: http://developer.apple.com/mac/library/DOCUMENTATION/Cocoa/Conceptual/URLLoadingSystem/Tasks/UsingNSURLConnection.html 

NSURLConnection and Basic HTTP Authentication in iOS

I can&#39;t seem to find the syntax to add a class to a select tag generated by Rails [`collection_select`][1]. Some help?


  [1]: http://apidock.com/rails/ActionView/Helpers/FormOptionsHelper/collection_select

How do I set the HTML options for collection_select in Rails?

Is it possible to select the last 5 child divs of an element?

Select last 5 elements with jQuery

<p>Is it possible to select the last 5 child divs of an element?</p>


There are many ways the value of a `&lt;input type=&quot;text&quot;&gt;` can change, including:

 - keypresses
 - copy/paste
 - modified with JavaScript
 - auto-completed by browser or a toolbar

I want my JavaScript function to be called (with the current input value) any time it changes.  And I want it to be called right away, not just when the input loses focus.

I&#39;m looking for the cleanest and most robust way to do this across all browsers (using jQuery preferably).

Detect all changes to a &lt;input type=&quot;text&quot;&gt; (immediately) using JQuery

How can I fire an event if a CSS class is added or changed using jQuery?
Does changing of a CSS class fire the jQuery `change()` event?

Firing events on CSS class changes in jQuery

I&#39;m having a problem doing something very basic in jQuery.  Can someone tell me what I&#39;m doing wrong exactly?

If I run the code below, the function $.get seems to be missing (getJSON and others missing too).  But $ itself and other functions do exist, so I know JQuery is loading.

    google.load(&quot;jquery&quot;, &quot;1.3.2&quot;);
    
    function _validate(form, rules_file) {
       $.get(&#39;/validation_rules.json&#39;,function(data) {
         alert(&quot;hello&quot;)
       })
    } 

Any ideas would be much appreciated.  

Thanks,
Rob


Edit: here is some additional info:

      &lt;script src=&quot;http://www.google.com/jsapi&quot;&gt;&lt;/script&gt;
      &lt;script&gt;
        google.load(&quot;prototype&quot;, &quot;1.6&quot;);
        google.load(&quot;scriptaculous&quot;, &quot;1.8&quot;);
        google.load(&quot;jquery&quot;, &quot;1.3.2&quot;);
      &lt;/script&gt;
      &lt;script&gt;
        jQuery.noConflict(); // prevent conflicts with prototype
      &lt;/script&gt;
      &lt;script src=&quot;/livepipe/src/livepipe.js&quot;
              type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/livepipe/src/window.js&quot;
              type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/livepipe/src/tabs.js&quot;
              type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;/jquery.maskedinput-1.2.2.js&quot;
             type=&quot;text/javascript&quot;&gt;&lt;/script&gt;



JQuery: $.get is not a function

I have a form with name `orderproductForm` and an undefined number of inputs.

I want to do some kind of jQuery.get or ajax or anything like that that would call a page through Ajax, and send along all the inputs of the form `orderproductForm`.

I suppose one way would be to do something like

    jQuery.get(&quot;myurl&quot;,
              {action : document.orderproductForm.action.value,
    	       cartproductid : document.orderproductForm.cartproductid.value,
    	       productid : document.orderproductForm.productid.value,
               ...

However I do not know exactly all the form inputs. Is there a feature, function or something that would just send ALL the form inputs?

jQuery AJAX submit form

get all divs which has class attribute

    $(&#39;div[class]&#39;)

get all divs which do not have class attribute

    $(&#39;div[class!=&quot;&quot;]&#39;)

This code works but I don&#39;t understand why it works. If the above code works then the code for all divs with class attribute should be

    $(&#39;div[class=&quot;&quot;]&#39;) 

which does not yield any result.

jQuery get all divs which do not have class attribute

Is there a way to make a CSS Selector that matches the following?

    All OBJECT elements
      which have a PARAM element inside of them

The selector

    OBJECT PARAM

doesn&#39;t work, as it matches the PARAM, not the OBJECT.  I&#39;d like to apply { display:none } to the objects; it&#39;s useless to apply that to the PARAMs.

(I&#39;m aware I could pull this off with jQuery - `$(&quot;object param&quot;).closest(&quot;object&quot;)` - and VanillaJS - `document.querySelector(&quot;object param&quot;).closest(&quot;object&quot;)` - but I&#39;m trying to create CSS rules on a page.)

CSS selector for &quot;foo that contains bar&quot;?

Given the following HTML:

    &lt;div id=&quot;table-filters&quot;&gt;
        &lt;ul&gt;
            &lt;li class=&quot;active&quot;&gt;blah&lt;/li&gt;
            &lt;li&gt;blah&lt;/li&gt;
            &lt;li&gt;blah&lt;/li&gt;
            &lt;li&gt;blah&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;

Using table-filters as the jQuery selector, how can I clear out the elements having `CLASS=ACTIVE`, no matter which `LI` it happens to be on?

thanks

Remove a CLASS for all child elements

I have the following html

    &lt;div class=&quot;section&quot;&gt;
       &lt;div&gt;header&lt;/div&gt;
       &lt;div&gt;
              contents
              &lt;div&gt;sub contents 1&lt;/div&gt;              
              &lt;div&gt;sub contents 2&lt;/div&gt;
       &lt;/div&gt;
    &lt;/div&gt;

And the following style:

    DIV.section DIV:first-child 
    {
      ...
    }

For some reason that I don&#39;t understand the style is getting applied to the *&quot;sub contents 1&quot;* `&lt;div&gt;` as well as the *&quot;header&quot;* `&lt;div&gt;`.  

I thought that the selector on the style would only apply to the first direct child of a div with a class called &quot;section&quot;.  How can I change the selector to get what I want?


Is there a CSS selector for the first direct child only?

I want two classes with different names to have the same property in CSS. I don&#39;t want to repeat the code.

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    .abc {
       margin-left:20px;
    }  
    .xyz {
       margin-left:20px;
    }

&lt;!-- language: lang-html --&gt;

    &lt;a class=&quot;abc&quot;&gt;Lorem&lt;/a&gt;
    &lt;a class=&quot;xyz&quot;&gt;Ipsum&lt;/a&gt;

&lt;!-- end snippet --&gt;

Since both classes are doing the same thing, I should be able to merge it into one. How can I do that?

How can I apply styles to multiple classes at once?

I was wondering if there is such an addon in firefox where you can test out css paths to check if they are finding the correct element?  I was looking for something similar to xpather for xpath locations.

Content Type	Original Author	Original Content on Stackoverflow
Question	Adam	View Question on Stackoverflow
Solution 1 - Jquery	Guffa	View Answer on Stackoverflow
Solution 2 - Jquery	Sampson	View Answer on Stackoverflow
Solution 3 - Jquery	Gone Coding	View Answer on Stackoverflow

Select last 5 elements with jQuery

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

Solution 3 - Jquery

How do I set the HTML options for collection_select in Rails?

NSURLConnection and Basic HTTP Authentication in iOS

Attributions