jQuery each() Method

jQuery Traversal Methods

The each() method traverses the jQuery object and executes a function for each selected element.

The each() method aims to make the DOM loop structure concise and clear, and less prone to errors.

Syntax:

$$(selector).each(function(index,　element))

Example

Iterate through each list item and pop up the text of each element:

$("button").click(function(){
　　$("li").each(function(){
　　　　alert($(this).text());
　　});
});

Used for return false and terminate each() loop:

$("button").click(function(){
　　$("div").each(function(index, element){
　　　　$("element").css("backgroundColor", "yellow");
　　　　if($(this).is("#stop")){
　　　　　　$("span").text("div stop index #"　+　index);
　　　　　　return false;
　　　　}
　　});
});

Parameter Value

jQuery Traversal Methods