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方法,可以循环任何类型的数据,方便快捷,是前端开发中的必备技能之一。