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

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

Susan Sarandon
發布: 2024-11-27 08:17:13
原創
413 人瀏覽過

How to Retrieve an Array of Element Classes with jQuery?

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

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

範例:

1

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

登入後複製

限制:

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

解決方案:

使用 JavaScript(不含jQuery):

1

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

登入後複製

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

1

2

3

4

5

for (var i = 0; i < classList.length; i++) {

    if (classList[i] === 'dolor_spec') {

        // Do something

    }

}

登入後複製

使用jQuery:

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

1

const classList = $('#divId').attr('class').split(/\s+/);

登入後複製
使用jQuery 的every() 函數迭代類別列表:

1

2

3

4

5

$.each(classList, function(index, item) {

    if (item === 'dolor_spec') {

        // Do something

    }

});

登入後複製

檢查器函數:

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

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