我有以下的HTML標籤:如何在CSS中執行與.hasClass()jQuery方法類似的CSS選擇器?
<li class="menu expanded">
我需要一個click事件綁定到li
標籤時,它有一個類菜單。
我試着用這個選擇器:li[class="menu"]
,但是當它有類expanded
也不行。
我有以下的HTML標籤:如何在CSS中執行與.hasClass()jQuery方法類似的CSS選擇器?
<li class="menu expanded">
我需要一個click事件綁定到li
標籤時,它有一個類菜單。
我試着用這個選擇器:li[class="menu"]
,但是當它有類expanded
也不行。
如果你正在尋找選擇具有菜單和擴展類的列表項,請使用:
$('li.menu.expanded').click(function(){
//stuff
})
否則
$('li.menu').click(function(){
//stuff
})
就足夠了。
這個選擇應該工作
$('li.menu')
將選擇包含menu
類,不管所有li
標籤,如果它是唯一的CSS類與否。
如果要使用原始的jQuery屬性選擇尋找一個類,你可以做,這將在jQuery的搜索類時,你最好在屬性值的字符串搜索
li[class*="menu"]
但是以下關閉只是用類語法
$('li.menu')
取決於是否「擴展」增加了一些功能,以現有的「菜單」,你可以使用以下命令:
$('li.menu').click(function(){
if ($(this).hasClass('expanded')) ...
...
})
爲什麼不只是'$('li.menu')'? – 2013-03-25 16:10:17
我試過但不起作用 – Marcelo 2013-03-25 16:11:43
確保你把它包裝在一個document.ready函數中() - 它應該工作正常 – 2013-03-25 16:12:51