सभी तत्वों से कक्षा को कैसे निकालें jquery

Question

मैं निम्नलिखित के साथ एक तत्व का वर्ग बदल रहा हूं

  $("#"+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");

लेकिन यह काम नहीं करता है। मैं कक्षा को कैसे निकाल सकता हूं?

Answer 1

आपको कक्षा के liभीतर निहित टैग का चयन करने की आवश्यकता है .edgetoedge। .edgetoedgeकेवल एक ulटैग से मेल खाता है :

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

Answer 2

प्रयास करें: $(".highlight").removeClass("highlight");। चयन करके $(".edgetoedge")आप केवल उस स्तर पर कार्य कर रहे हैं।

Comments

आपका उत्तर स्वीकार किया जाना चाहिए। एक बहुत ही रोचक ट्रिक, आप मेरा दिन बचाएं।

— vietnguyen09

Answer 3

यह highlightकक्षा को हर उस चीज़ से हटा देता है जिसमें edgetoedgeकक्षा है:

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

मुझे लगता है कि आप यह चाहते हैं:

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

.edgetoedge .highlightचयनकर्ता सब कुछ है कि के साथ कुछ का एक बच्चा है का चयन करेंगे edgetoedgeवर्ग और है highlightवर्ग।

Comments

तत्व प्रकार को जाने बिना वस्तुओं को लक्षित करने की क्षमता के लिए +1।

— एंडी

Answer 4

आप यह कोशिश कर सकते हैं:

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

Answer 5

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

Answer 6

सभी तत्वों से jquery में एक वर्ग को हटाने के लिए सबसे अच्छा है कि तत्व टैग के माध्यम से लक्षित किया जाए। जैसे,

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