☰

jQueryで要素のクラスリストを取得する 質問する

tag-icon • tag-icon javascript jquery html
jQueryで要素のクラスリストを取得する 質問する

jQuery で、要素に割り当てられているすべてのクラスをループしたり、配列に割り当てたりする方法はありますか?

元。

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

上記の「dolor_spec」のように、「特別な」クラスを探します。hasClass() を使用できることはわかっていますが、実際のクラス名は必ずしもその時点ではわからない場合があります。

ベストアンサー1

document.getElementById('divId').className.split(/\s+/);クラス名の配列を取得するために使用できます。

その後、繰り返して必要なものを見つけることができます。

var classList = document.getElementById('divId').className.split(/\s+/);
for (var i = 0; i < classList.length; i++) {
    if (classList[i] === 'someClass') {
        //do something
    }
}

jQuery はここではあまり役に立ちません...

var classList = $('#divId').attr('class').split(/\s+/);
$.each(classList, function(index, item) {
    if (item === 'someClass') {
        //do something
    }
});

使用できます

if ($('#divId').hasClass('someClass')) {
    //do something
}

おすすめ記事