jquery - CSS で .hasClass() jQuery メソッドに似た CSS セレクターを実行するにはどうすればよいですか?

Question

次のhtmlタグがあります。

<li class="menu expanded">

クラスメニューがある場合、クリックイベントをliタグにバインドする必要があります。

私はこのセレクターを試しています: li[class="menu"]、しかし、クラスexpandedもある場合は機能しません。

score 3 · Accepted Answer

メニューと展開されたクラスの両方を持つリスト項目を選択する場合は、次を使用します。

$('li.menu.expanded').click(function(){
//stuff
})

それ以外は

$('li.menu').click(function(){
//stuff
})

で十分でしょう。

score 3 · Accepted Answer

このセレクターは機能するはずです

$('li.menu')

それが唯一のcssクラスであるかどうかに関係なく、クラスliを含むすべてのタグを選択します。menu

score 1 · Accepted Answer

生の jQuery 属性セレクターを使用してクラスを検索する場合は、次のようにして、属性値の部分文字列を検索します。

li[class*="menu"]

ただし、jQuery でクラスを検索する場合は、クラス構文を使用した方がよいでしょう

$('li.menu')

score 0 · Accepted Answer

「拡張」が既存の「メニュー」に何らかの機能を追加するかどうかに応じて、次を使用できます。

$('li.menu').click(function(){
if ($(this).hasClass('expanded')) ...
 ...
})

4 に答える 4