如何在CSS中执行类似于.hasClass（）jQuery方法的CSS选择器？

Question

我有以下html标签：

<li class="menu expanded">

我需要将点击事件绑定到li标记，如果它有类菜单。

我正在尝试使用此选择器：li[class="menu"]，但是当它具有类expanded时，它也不起作用。

Answer 1

如果您要选择同时包含菜单和扩展类的列表项，请使用：

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

否则

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

就足够了。

Answer 2

此选择器应该可以使用

$('li.menu')

将选择包含li类的所有menu标记，无论它是否是唯一的css类。

Answer 3

如果要使用原始jQuery属性选择器查找类，可以执行以下操作来搜索属性值中的子字符串

li[class*="menu"]

然而，在jQuery中搜索类时，最好只使用类语法

$('li.menu')

Answer 4

根据“展开”是否为现有“菜单”添加了某些功能，您可以使用以下内容：

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