首頁 > web前端 > js教程 > 如何使用 jQuery 的each() 方法迭代具有相同類別的HTML 元素?

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

DDD
發布: 2024-10-19 20:45:02
原創
452 人瀏覽過

How to Iterate Through HTML Elements with the Same Class Using jQuery's each() Method?

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

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板