ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryで要素クラスの配列を取得するにはどうすればよいですか?

jQueryで要素クラスの配列を取得するにはどうすればよいですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-11-27 08:17:13333ブラウズ

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() は次の理由により適切ではありません。正確なクラス名は不明な場合がありますruntime.

解決策:

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 の使用:

jQuery は、このタスクに対する直接的な解決策を提供しません。別のアプローチは次のとおりです。

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

jQuery の each() 関数を使用してクラス リストを反復処理します:

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

チェッカー関数:

if ($('#divId').hasClass('dolor_spec')) {
    // Do something
}

以上がjQueryで要素クラスの配列を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。