Tüm öğelerden sınıf nasıl kaldırılır jquery


84

Aşağıdaki ile bir elemanın sınıfını değiştiriyorum

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

Aşağıdaki liste göz önüne alındığında.

 <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> 

Sınıfı bununla kaldırabileceğimi sanıyordum ...

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

Ama bu işe yaramıyor. Sınıfı nasıl kaldırabilirim?

Yanıtlar:


159

Sınıfta bulunan lietiketleri seçmeniz gerekir .edgetoedge. .edgetoedgeyalnızca tek uletiketle eşleşir :

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

40

deneyin: $(".highlight").removeClass("highlight");. Seçerek $(".edgetoedge")yalnızca o seviyede işlevlerini çalıştırıyorsunuz.


Cevabınız kabul edilmelidir. Çok ilginç bir numara, günümü kurtarıyorsun.
vietnguyen09

18

Bu, highlightsınıfı , sınıfa sahip her şeyden kaldırır edgetoedge:

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

Sanırım bunu istiyorsun:

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

.edgetoedge .highlightSelektör ile bir şeyin bir çocuk herşeyi seçecektir edgetoedgesınıf ve sahip highlightsınıf.


2
Öğe türünü bilmeden öğeleri hedefleme yeteneği için +1.
Andy

8

Bunu deneyebilirsin:

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


1

Jquery'deki bir sınıfı tüm öğelerden kaldırmanın en iyi yolu, öğe etiketi yoluyla hedeflemektir. Örneğin,

$("div").removeClass("highlight");
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.