Web Development jQuery Subjective
Aug 07, 2013

What is the use of jquery .each() function?

Detailed Explanation

Basically, the jQuery .each() function is used to loop through each element of the target jQuery object. Very useful for multi element DOM manipulation, looping arrays and object properties.
Example:-
In this example alert box will open 3 times because dom contain 3 <li> tags
Code:
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("li").each(function(){
      alert($(this).text())
    });
  });
});
</script>

<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>

Discussion (0)

No comments yet. Be the first to share your thoughts!

Share Your Thoughts
Feedback