jQuery Foreach Loop ( jQuery.each() ) Example

In this jQuery series tutorial, in this tutorial i will discuss about jquery create array in each loop. In this jquery foreach loop example tutorial i will show jQuery.each() loop example through array object and html elements.

If you don't know how to use jQuery.each() then just follow this example tutorail. So let's see an example of jquery each div.

jQuery.each() Syntax 

See the jquery each function example.

// DOM ELEMENTS
$('div').each(function(index, value) {
  console.log(`div${index}: ${this.id}`);
});

 

This version uses jQuery’s $(selector).each() function, as opposed to the utility function.

The next example shows the use of the utility function. In this case the object to loop over is given as the first argument. In this example, we’ll show how to loop over an array:

// ARRAYS
const arr = [
  'one',
  'two',
  'three',
  'four',
  'five'
];

$.each(arr, function(index, value) {
  console.log(value);
  // Will stop running after "three"
  return (value !== 'three');
});

// Outputs: one two three

 

Hope it can help you.