如何使用 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中文網其他相關文章！