淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery中的each方法可以在匹配的元素集合中循环,并对每个元素执行指定的回调函数。在each方法中,当前元素可以通过this关键字访问,也可以使用第二个参数访问当前元素的索引。

$('ul li').each(function(index){
console.log(`第 ${index + 1} 项的内容是:${$(this).text()}`);
});

在上面的代码中,我们首先选择了ul元素下的所有li元素,然后通过each方法循环这些li元素。在回调函数中,我们打印了当前元素的内容和索引。最终输出结果如下:

第 1 项的内容是:列表项1
第 2 项的内容是:列表项2
第 3 项的内容是:列表项3

除了可以循环元素集合外,each方法还可以循环数组和类数组对象。下面的代码演示了如何循环一个数组:

var array = [1, 2, 3, 4, 5];
$.each(array, function(index, value){
console.log(`第 ${index + 1} 项的值是:${value}`);
});

在上面的代码中,我们首先定义了一个数组,然后使用each方法循环这个数组。在回调函数中,我们打印了当前元素的值和索引。最终输出结果如下:

第 1 项的值是:1
第 2 项的值是:2
第 3 项的值是:3
第 4 项的值是:4
第 5 项的值是:5

总之,each方法是一个非常常用的jQuery方法,可以循环任何类型的数据,方便快捷,是前端开发中的必备技能之一。