jQuery Each() as a For statement?

Question

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
   }

?

Answer 1

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 []).