1. ホーム
  2. javascript

[解決済み] jQueryで要素にCSSクラスがあるかどうかを判断する

2022-04-22 13:43:25

質問

jQueryを使用していますが、要素に特定のCSSクラスが関連付けられているかどうかを判断する簡単な方法があるかどうか調べています。

要素のidと探しているCSSクラスがあります。 ただ、if文の中で、要素にそのクラスが存在するかどうかに基づいて比較を行うことができればいいのです。

どのように解決するのですか?

を使用します。 hasClass メソッドを使用します。

jQueryCollection.hasClass(className);

または

$(selector).hasClass(className);

引数は(当然ながら)チェックするクラスを表す文字列で、ブール値を返します(したがって、ほとんどのjQueryメソッドのようなチェインをサポートしていません)。

注意 を渡すと className の引数が空白を含んでいる場合、コレクション要素の className の文字列を使用します。つまり、例えば、ある要素があったとして

<span class="foo bar" />

であれば、これは true :

$('span').hasClass('foo bar')

を返し、これらは false :

$('span').hasClass('bar foo')
$('span').hasClass('foo  bar')