如何使用 jQuery 迭代具有相同类的元素并执行条件操作？

如何使用 jQuery 迭代具有相同类的元素

当处理同一类的多个元素时，有必要单独访问和操作它们。 jQuery 提供了一种使用 .each() 方法循环遍历这些元素的有效方法。

问题：

我有一个类为“testimonial”的 div 集合我需要一种使用 jQuery 迭代它们的方法来检查是否满足特定条件。如果条件成立，我想执行特定操作。

答案：

要实现此目的，您可以使用 .each() 方法，如下所示：

$('.testimonial').each(function(i, obj) {
    // Your code here...
});

在 .each() 回调函数中，您可以访问数组中当前元素的索引 (i) 和元素的 DOM 对象 (obj)。您可以使用 jQuery 包装器 $(this) 直接访问 DOM 对象。

例如，如果您想检查当前 div 是否具有特定类并在有时执行操作，您可以使用代码如下：

$('.testimonial').each(function() {
    if ($(this).hasClass('active')) {
        // Perform your action here...
    }
});

jQuery 文档提供了 .each() 方法的详细信息和示例，您可以参考更高级的使用场景。

以上是如何使用 jQuery 迭代具有相同类的元素并执行条件操作？的详细内容。更多信息请关注PHP中文网其他相关文章！