jQuery を使用して HTML 要素のすべてのクラス名を取得するにはどうすればよいですか?

jQuery を使用した要素クラス名の取得

HTML 要素を操作する場合、多くの場合、そのクラス属性を管理する必要があります。 jQuery はクラスを操作するためのさまざまなメソッドを提供しますが、タスクによっては、特定の要素に割り当てられたすべてのクラス名を反復処理したり、取得したりする必要がある場合があります。

これを実現するには、主に 2 つの方法があります。

JavaScript のネイティブ className プロパティの使用:

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

このメソッドは配列を返します指定された ID (この場合は「divId」) を持つ要素に割り当てられたすべてのクラス名が含まれます。

jQuery の attr() メソッドの使用:

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

ネイティブ JavaScript アプローチと同様に、このメソッドもクラスの配列を返します。 names.

注:

• jQuery の hasClass() メソッドは、要素に特定のクラスがあるかどうかを確認するのに便利ですが、要素へのアクセスは提供しません。すべてのクラス名。
• クラス名を反復処理して条件チェックを実行する必要がある場合は、$.each() を使用できます。例に示す関数:

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

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