jQuery Tutorial plus Question:
What is the use of jquery .each() function?
Answer:
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
<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>
Example:
In this example alert box will open 3 times because dom contain 3 <li> tags
<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>