如何使用 jQuery 的each() 方法迭代具有相同类的HTML 元素？

使用 jQuery 循环遍历具有相同类的 HTML 元素

为了高效地遍历一系列具有相同类的 HTML 元素，jQuery 提供了每个（）方法。此方法可作为 DOM 元素的便捷迭代解决方案。

为了演示each() 的使用，请考虑以下场景：

您有多个

网页上的元素，每个元素都分配了“推荐”类。您需要使用 jQuery 逐个迭代这些元素，根据每个元素执行特定操作。

实现此目的的 jQuery 代码很简单：

$('.testimonial').each(function(i, obj) {
  // Perform your actions here
});

在each( ）函数中，第一个参数（“i”）表示当前元素在类“testimonial”的元素数组中的位置，而第二个参数（“obj”）表示当前元素的 DOM 对象。要与元素交互，您可以利用 jQuery 包装器 $(this)。

例如，如果您想检查每个元素的特定条件是否成立，您可以在每个元素中添加 if 语句() 函数：

$('.testimonial').each(function(i, obj) {
  if ($(this).hasClass('active')) {
    // Perform actions for elements with class 'active'
  }
});

jQuery API 文档提供了有关each() 方法的全面信息。如需进一步的指导和示例，请参阅官方文档。

以上是如何使用 jQuery 的each() 方法迭代具有相同类的HTML 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！