如何在CSS中執行與.hasClass（）jQuery方法類似的CSS選擇器？

Question

我有以下的HTML標籤：

<li class="menu expanded"> 

我需要一個click事件綁定到li標籤時，它有一個類菜單。

我試着用這個選擇器：li[class="menu"]，但是當它有類expanded也不行。

Answer 1

如果你正在尋找選擇具有菜單和擴展類的列表項，請使用：

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

否則

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

就足夠了。

Answer 2

這個選擇應該工作

$('li.menu') 

將選擇包含menu類，不管所有li標籤，如果它是唯一的CSS類與否。

Answer 3

如果要使用原始的jQuery屬性選擇尋找一個類，你可以做，這將在jQuery的搜索類時，你最好在屬性值的字符串搜索

li[class*="menu"] 

但是以下關閉只是用類語法

$('li.menu') 

Answer 4

取決於是否「擴展」增加了一些功能，以現有的「菜單」，你可以使用以下命令：

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