jQuery each - Javascript

jQuery each是jQuery库中的一个函数，它允许您在jQuery对象的元素集合中执行一个函数。

语法

$(selector).each(function(index, element){
  // 在此处执行的代码
});

• selector: 要被迭代的一组元素
• function: 在每个元素上执行的函数，每个函数的参数是当前元素的index和元素本身

用法

遍历数组

$.each([1, 2, 3], function(index, value){
  console.log(index + ': ' + value);
});

输出:

0: 1
1: 2
2: 3

遍历对象

$.each({name: 'John', age: 22}, function(key, value) {
  console.log(key + ': ' + value);
});

输出：

name: John
age: 22

修改元素

$('ul li').each(function(){
  $(this).text('new text');
});

退出迭代

如果each函数返回false，则会退出迭代：

var arr = [1,2,3,4,5];
$.each(arr, function(index, value){
  console.log(value);
  if(value === 3) {
    return false;
  }
});

输出：

1
2
3

总结

以上就是jQuery each的使用介绍。它是遍历元素集合的方便方法，可以轻松地使用回调函数来执行一些对每个元素的操作和修改。同时，您还可以使用它来遍历数组和对象。