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

Susan Sarandon
リリース: 2024-11-27 08:17:13
オリジナル
330 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート