CODEWITHSUNDEEP
jqueryfor-loopeach
ssDille
ssDille

Reputation: 45

jQuery Each() as a For statement?

I have a jQuery.each() function that I would like to turn into a FOR statement.

I was wondering how I can turn

     jQuery('.myclass').each(function() {
       //do stuff
     }

into a 

   for ( var i=0; i<.myclass.length; i++) {
    //do stuff
   }

?

Upvotes: 4

Views: 7173

Answers (2)

T.J. Crowder
T.J. Crowder

Reputation: 1075895

jQuery objects are array-like. They have a length property and they support accessing elements by using numeric indexes with []. So you just index directly into the resulting object:

var myclass = jQuery('.myclass');

for ( var i=0; i<myclass.length; i++) {
    // use myclass[i] here
}

This information isn't especially flagged up in the API docs, but you can find it in the documentation of the get function. The bracket notation largely replaces use of the get function except for its handling of negative index values (which are used to index relative to the end of the collection; negative indexes are only supported via get, not via []).

Upvotes: 5

a&#39;r
a&#39;r

Reputation: 37029

You can use .get() to get a standard JavaScript array. And then use a for loop in the normal way.

var nodes = $(...).get(),
    nodes_len = nodes.length;

for(var i=0; i < nodes_len; i++) {
   var node = nodes[i];

   ...
}

Or, if you just need the index number, use the following:

$(...).each(function (index) {
   ... 
});

Upvotes: 3

Related Questions