首頁 >web前端 >js教程 >如何使用 jQuery 檢索元素類別數組?

如何使用 jQuery 檢索元素類別數組?

Susan Sarandon
Susan Sarandon原創
2024-11-27 08:17:13356瀏覽

How to Retrieve an Array of Element Classes with jQuery?

如何使用jQuery 取得元素類別陣列

問題: 可以使用jQuery 取得分配給元素的類別數組,包括一個特定的類別( dolor_spec 中範例)?

範例:

<div class="Lorem ipsum dolor_spec sit amet">Hello World!</div>

限制:

  • hasClass()不適合,因為確切的類別名稱可能未知

解決方案:

使用 JavaScript(不含jQuery):

const classList = document.getElementById('divId').className.split(/\s+/);

迭代班級列表以找到所需的class:

for (var i = 0; i < classList.length; i++) {
    if (classList[i] === 'dolor_spec') {
        // Do something
    }
}

使用jQuery:

不提供此任務的直接解決方案。這是另一種方法:

const classList = $('#divId').attr('class').split(/\s+/);
使用jQuery 的every() 函數迭代類別列表:

$.each(classList, function(index, item) {
    if (item === 'dolor_spec') {
        // Do something
    }
});

檢查器函數:

以上是如何使用 jQuery 檢索元素類別數組?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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