2011-05-13 51 views
55

,我改變了元素的類具有以下如何從所有元素的jQuery

$("#"+data.id).addClass("highlight") 

下面給出的列表中刪除類。

<div id="menuItems"> 
<ul id="contentLeft" class="edgetoedge"> 
<li class="sep" ">Shakes and Floats</li> 
<li id="297"><a href="#" onClick="cart('297','add')"><small>$5.00</small><b>Vanilla</b>  </a></li> 
<li id="298"><a href="#" onClick="cart('298','add')"><small>$5.00</small><b>Peanut Butter</b></a></li> 
<li id="299"><a href="#" onClick="cart('299','add')"><small>$5.00</small><b>Combo</b></a></li> 
<li id="300"><a href="#" onClick="cart('300','add')"><small>$5.00</small><b>Chocolate</b></a></li> 
<li id="301"><a href="#" onClick="cart('301','add')"><small>$5.00</small><b>Strawberry</b></a></li> 
<li id="303"><a href="#" onClick="cart('303','add')"><small>$5.00</small><b>Banana</b></a></li> 
<li id="304"><a href="#" onClick="cart('304','add')"><small>$5.00</small><b>Root Beer Float</b></a></li> 
<li id="305"><a href="#" onClick="cart('305','add')"><small>$5.00</small><b>Espresso</b></a></li> 
</ul> 
</div> 

我以爲我可以用這個刪除類...

$(".edgetoedge").removeClass("highlight"); 

但是,這是行不通的。我怎樣才能刪除課程?

回答

107

您需要選擇含有.edgetoedge類中li標籤。

$(".edgetoedge li").removeClass("highlight"); 
+1

我用$(「li」)。removeClass(「highlight」);然後結束thx – maxum 2011-05-14 09:32:16

29

嘗試:$(".highlight").removeClass("highlight");。通過選擇$(".edgetoedge"),您只能在該級別運行功能。

+0

您的回答應該被接受。一個非常有趣的伎倆,你拯救我的一天。 – vietnguyen09 2018-01-17 09:15:56

5

你可以試試這個:

$(".edgetoedge").children().removeClass("highlight"); 
+0

兒童+1()...謝謝 – 2013-12-02 07:03:35

2
$(".edgetoedge>li").removeClass("highlight"); 
12

這只是去除一切highlight類具有edgetoedge類:

$(".edgetoedge").removeClass("highlight"); 

我想你想要這樣的:

$(".edgetoedge .highlight").removeClass("highlight"); 

.edgetoedge只有一個ul標籤相匹配.edgetoedge .highlight選擇器會選擇一些與edgetoedge類,並有highlight類。

+2

+1,以便在不知道元素類型的情況下定位項目。 – Andy 2014-04-01 16:15:42

相關問題