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-
- Item 1
- Item 2
- Item 3
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