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

jQuery を使用して要素のクラス リストを取得する

Web ページ内の要素を操作する場合、それらに関連付けられたクラスのリスト。 jQuery は、この情報を取得する便利な方法を提供します。

クラス リストを配列として取得する

要素に割り当てられたすべてのクラス名を配列として取得するには、次のようにします。 JavaScript の className プロパティを使用します:

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

このメソッドは、className 文字列を各クラス名を含む配列に分割します。要素。

クラス名の反復

クラス リストを配列として取得したら、それを反復して特定のクラスを検索できます。

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

jQuery の使用

jQuery はクラス リストを配列として取得するメソッドを直接提供しませんが、要素に特定のクラスがあるかどうかを確認するために使用できます。

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

要約すると、JavaScript の className プロパティと jQuery の hasClass()メソッドを使用して、Web ページ内の要素のクラス リストを取得し、操作することができます。

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