each jquery function code example

Example 1: jquery loop through array

var arr = ['one','two','three','four','five'];
$.each(arr, function(index, value){
	console.log('The value at arr[' + index + '] is: ' + value);
});

Example 2: jquery each

$( "li" ).each(function( index ) {
  console.log( index + ": " + $( this ).text() );
});

Example 3: jquery loop over elements

$( "li" ).each(function( index ) {
  console.log( index + ": " + $( this ).text() );
});

Example 4: jquery each

//Array
$.each( arr, function( index, value ){
    sum += value;
});

//Object
$.each( obj, function( key, value ) {
    sum += value;
});

Example 5: jquery each

$(querySelector).each(( index, value ) => {
    // do stuff
});

Example 6: jquery loop

// OBJECTS
const obj = {
  one: 1,
  two: 2,
  three: 3,
  four: 4,
  five: 5
};

$.each(obj, function(key, value) {
  console.log(value);
});

// Outputs: 1 2 3 4 5

Tags:

Html Example