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