jQuery每个循环 - JavaScript

在jQuery中，我们可以使用.each()方法遍历一个对象或数组，并在每个元素上执行一个函数。

语法

$(selector).each(function(index, element){
  // function code here
});

• selector：jQuery选择器。
• function(index, element)：在每个元素上执行的函数。
• index：当前元素的索引。
• element：当前元素的DOM对象。

示例

假设我们有一个有序列表，我们想要使每个列表项的背景色为灰色：

<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ul>

使用.each()方法实现：

$("li").each(function(){
  $(this).css("background-color", "gray");
});

我们还可以在函数中使用index和element参数。例如，在上面的示例中，我们可以将每个列表项的文本更改为它在列表中的位置：

$("li").each(function(index, element){
  $(this).text("item " + (index+1));
});

在这个函数中，我们使用了$(this)来引用当前列表项元素，并使用$(this).text("item " + (index+1))将文本更改为"item 1"，"item 2"，"item 3"等。

总结

.each()方法提供了遍历对象或数组的简单而有用的方法。使用这个方法，我们可以轻松地迭代集合中的每个元素，并在每个元素上执行我们需要的操作。