jQuery用类循环所有元素 - Javascript

使用jQuery可以轻松地循环处理网页上所有拥有相同类名的元素。下面我们将介绍如何使用jQuery来实现这一点：

添加类名

首先，在HTML中添加需要循环处理的元素，并为它们添加一个相同的类名。例如，我们添加了3个div元素，并为它们添加了类名"box":

<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>

jQuery实现

在jQuery中，使用类名选择器".box"来选取所有的"box"元素，然后使用.each()方法来循环遍历它们，并执行相应的操作。例如，我们可以在控制台中输出每个元素的内容:

$(".box").each(function(){
  console.log($(this).text());
});

输出结果如下所示：

Box 1
Box 2
Box 3

代码片段

// 循环处理元素
$(".box").each(function(){
  // 在控制台中输出元素内容
  console.log($(this).text());
});

总结

使用jQuery来循环遍历所有拥有相同类名的元素非常简单。只需要使用类名选择器来选取元素，然后使用.each()方法来循环遍历它们，并执行相应的操作。这种方法非常实用，可以帮助我们快速地处理网页上的大量相似元素。