jQuery を使用して要素のクラス リストを取得および操作するにはどうすればよいですか?

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

jQuery では、attr('class' を使用して要素のクラス リストを取得できます) メソッド。割り当てられたすべてのクラスを含む文字列を返します。これらのクラスの配列を取得するには、split(/s /); を使用して空白に基づいて文字列を分割できます。

たとえば、HTML を持つ要素がある場合:

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

そのクラス リストには次の方法でアクセスできます:

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

これにより、次の配列が生成されます。文字列:

• "Lorem"
• "ipsum"
• "dolor_spec"
• "sit"
• "amet"

次のような特定のクラスを検索するには「dolor_spec」では、配列を反復処理して、各要素を目的のクラス名と比較できます。

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

jQuery には要素が特定のクラスを持つかどうかを確認する hasClass() メソッドが用意されていますが、それにはクラス名は事前に知っておく必要があります。実際のクラス名が変数の場合は、配列ベースのアプローチを使用して、目的のクラスを検索して操作できます。

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