What is the use of jQuery .each() function?Jquery interview question set 1/Jquery Interview Questions and Answers for Freshers & Experienced

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

The "jQuery.each()" function is a general function that will loop through a collection (object type or array type). Array-like objects with a length property are iterated by their index position and value. Other objects are iterated on their key-value properties. The "jQuery.each()" function however works differently from the $(selector).each() function that works on the DOM element using the selector. But both iterate over a jQuery object.

Callback method

In the "jQuery.each()" method we're able to pass in an arbitrary array or object in which for each item will have the callback function executed.

The "$.each()" function loops over any type of collection, either an array or an object collection. The "jQuery..each()" function has a callback function in which we pass the indexing value and the corresponding value of each item of the array each time. We can access the value of the current index position in the loop using the "this" keyword and append it in any DOM element.

When you pass the array-like object to the .each() function, the callback can accept two arguments: index of the item, where index is the numerical zero-based index in the array of the current items and item is the value of the current array.

For example:

If we pass an array to each function, it iterates over items in the array and accesses both the current item and its index position.

Syntax

jQuery.each(collection, callback(indexInArray, valueOfElement))

<script type = "text/javascript">
$(document).ready(function() {

var arr = ["Goergie", "Johnson", "Agile", "Harrison", "Gaurav"];

$.each(arr, function(index, value) {
alert('Position is : ' + index + ' And Value is : ' + value);
});

});
</script>

Posted Date:- 2021-09-01 04:23:03