Tutorialsplane

jQuery each method


jQuery each method() uses a function to iterate for each matching element. ie. function executes for each matching element.

Syntax of jQuery each Method

$(selector).each(function(Integer index, Element element ));

Function :
Index – Current Index of selector.
element Current element.

Let us understand it very basic example :
Suppose We have following elements-


Let us select all li items and iterate them-

$( "li" ).each(function( index, elem) {
  console.log( index + ": " + $( elem ).text() );
});

or

$( "li" ).each(function( index ) {
  console.log( index + ": " + $( this ).text() );
});

The following message will be logged-

0: Item 1
1: Item 2
2: Item 3

jQuery each method Example 1

jQuery each() Method – Example


Try it »