首頁  >  文章  >  web前端  >  如何使用“each”函數在 jQuery 中循環存取具有相同類別的元素?

如何使用“each”函數在 jQuery 中循環存取具有相同類別的元素?

Barbara Streisand
Barbara Streisand原創
2024-10-19 20:47:01119瀏覽

How to Loop Through Elements with the Same Class in jQuery Using

使用jQuery 循環存取具有相同類別的元素

開發人員通常會遇到需要迭代共享特定類別的元素集合的情況屬性。當需要對每個元素單獨執行特定操作或測試時,就會出現此要求。

在 jQuery 中,循環遍歷具有相同類別的元素的高效且簡潔的方法是使用「each」函數。 「each」函數採用兩個參數:回呼函數和選擇器(在本例中為「.testimonial」)。

範例:

<code class="javascript">$('.testimonial').each(function(i, obj) {
  // Test and perform action
});</code>

內回調函數,提供參數「i」和「obj」。 「i」表示目前元素在匹配集中的索引,而「obj」表示 DOM 元素本身。您可以使用 jQuery 的包裝函數「$(this)」更輕鬆地存取 DOM 物件。

此技術可讓您對符合指定類別標準的每個元素執行任何必要的測試或操作。如需更多詳細資訊和使用範例,請參閱 jQuery API 參考。

以上是如何使用“each”函數在 jQuery 中循環存取具有相同類別的元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn