jQuery each index

Question

I am using       list option   each function      do stuff       to loop over the options in a list  I am wondering how I could get the index of the current loop   as I dont want to have to have var i   0   and inside the loop have i

User · Answer

surprise to see that no have given this syntax.

.each syntax with data or collection

jQuery.each(collection, callback(indexInArray, valueOfElement));

OR

jQuery.each( jQuery('#list option'), function(indexInArray, valueOfElement){
//your code here
});

User · Answer

jQuery takes care of this for you  The first argument to your  each   callback function is the index of the current iteration of the loop  The second being the current matched DOM element  So       list option   each function index  element     alert  Iteration      index

User · Answer

list option   each function index       do stuff   console log index         logs the index     a more detailed example is below      x000D   x000D  function run each     x000D   x000D    var  results       results    x000D   x000D     results empty    x000D   x000D     results append                       START 1st each                         x000D    console log                       START 1st each                         x000D   x000D        my select option   each function index  value    x000D       results append   lt br gt     x000D         log the index x000D       results append  index      index   x000D       results append   lt br gt     x000D      console log  index      index   x000D         logs the element x000D          results append value    this would actually remove the element x000D       results append   lt br gt     x000D      console log value   x000D         logs element property x000D       results append value innerHTML   x000D       results append   lt br gt     x000D      console log value innerHTML   x000D         logs element property x000D       results append this text   x000D       results append   lt br gt     x000D      console log this text   x000D         jquery x000D       results append   this  text     x000D       results append   lt br gt     x000D      console log   this  text     x000D   x000D         BEGIN just to see what would happen if nesting an  each within an  each x000D         p   each function index    x000D         results append                       nested each    x000D         results append   lt br gt     x000D         results append  nested each index      index   x000D         results append   lt br gt     x000D        console log index   x000D          x000D         END just to see what would happen if nesting an  each within an  each x000D   x000D        x000D   x000D     results append   lt br gt     x000D     results append                       START 2nd each                         x000D    console log      x000D    console log                       START 2nd each                         x000D   x000D   x000D       ul li   each function index  value    x000D       results append   lt br gt     x000D         log the index x000D       results append  index      index   x000D       results append   lt br gt     x000D      console log index   x000D         logs the element x000D          results append value   this would actually remove the element x000D       results append   lt br gt     x000D      console log value   x000D         logs element property x000D       results append value innerHTML   x000D       results append   lt br gt     x000D      console log value innerHTML   x000D         logs element property x000D       results append this innerHTML   x000D       results append   lt br gt     x000D      console log this innerHTML   x000D         jquery x000D       results append   this  text     x000D       results append   lt br gt     x000D      console log   this  text     x000D        x000D   x000D    x000D   x000D   x000D   x000D    document  on  click     clicker   function     x000D   x000D    run each    x000D   x000D      x000D   results   x000D    background   000  x000D    height  150px  x000D    overflow  auto  x000D    color  lime  x000D    font-family  arial  x000D    padding  20px  x000D    x000D   x000D   container   x000D    display  flex  x000D    x000D   x000D   one  x000D   two  x000D   three   x000D    width  33 3   x000D    x000D   x000D   one   x000D    background  yellow  x000D    text-align  center  x000D    x000D   x000D   two   x000D    background  pink  x000D    x000D   x000D   three   x000D    background  darkgray  x000D    x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   x000D   lt div class  container  gt  x000D   x000D     lt div class  one  gt  x000D       lt select id  my select  gt  x000D         lt option gt apple lt  option gt  x000D         lt option gt orange lt  option gt  x000D         lt option gt pear lt  option gt  x000D       lt  select gt  x000D     lt  div gt  x000D   x000D     lt div class  two  gt  x000D       lt ul id  my list  gt  x000D         lt li gt canada lt  li gt  x000D         lt li gt america lt  li gt  x000D         lt li gt france lt  li gt  x000D       lt  ul gt  x000D     lt  div gt  x000D   x000D     lt div class  three  gt  x000D       lt p gt do lt  p gt  x000D       lt p gt re lt  p gt  x000D       lt p gt me lt  p gt  x000D     lt  div gt  x000D   x000D   lt  div gt  x000D   x000D   lt button class  clicker  gt run each   lt  button gt  x000D   x000D   x000D   lt div class  results  gt  x000D   x000D   x000D   lt  div gt  x000D   x000D   x000D

User · Answer

From the jQuery each   documentation    each  function index  Element        function index  Element A function to execute for each matched element    So you ll want to use       list option   each function i e         do stuff          where index will be the index and element will be the option element in list

User · Answer

list option   each function intIndex     do stuff

[jquery] jQuery .each() index?

Examples related to jquery

Examples related to indexing

Examples related to each