interview

home / developersection / interviews / what is the use of jquery .each() function?

Ask Question

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

Manish Kumar 2317 16-May-2017
c# jquery 
Updated on 23-Sep-2020
Manish Kumar

Other

Follow
Can you answer this question?
Answer

2 Answers

Sarahh K.

Sarahh K.

27-Oct-2017

The jQuery each method makes looping simpler. You can loop with the help of jQuery Each method anything like arrays, selector elements, etc. 

The syntax of jQuery each method is:

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

Suppose you have an array, let me show you how to loop with

jQuery each method:

var names = ["a1","a2","a3","a4","a5"]; $.each(names , function (index, value){   console.log("Index is: "+ index + " :: Value is: " + value); });

For looping through selector elements with jQuery each:

$("div").each(function(index,value) {
    //looping all div elements

}

Here I am looping through all the div elements of the DOM. 

You you remove the div and give a class name and in that way you loop through every element having that class.

$(".myclass").each(function(index,value) {
    //looping all elements of that class

}


Manish Kumar

Manish Kumar

16-May-2017

Basically the jQuery each() function is used to loop through each element of the targer jQuery object.Very useful for multi element DOM manipulation looping arrays and object properities

In this example alert box will be open 3 time

  <script>
    $(document).ready(function(){
        $("button").click(function)
        {
            $("li").each(function)
            {
                alert($(this).text));
            });
        });
    });
    </script>
<ul>
                <li>Emp1</li>
                 <li>Emp2</li>
                 <li>Emp3</li>
            </ul>

advertising
advertising

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy