모든 요소에서 클래스를 제거하는 방법 jquery

모든 요소에서 클래스를 제거하는 방법 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");

하지만 이것은 효과가 없습니다.클래스를 제거하려면 어떻게 해야 합니까?

다음을 선택해야 합니다.li에 포함된 태그.edgetoedge학급..edgetoedge오직 하나와 일치합니다.ul태그:

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

시도:$(".highlight").removeClass("highlight");선택함으로써$(".edgetoedge")해당 수준에서만 기능을 실행하고 있습니다.

이것은 단지 그것을 제거합니다.highlight모든 것에서 나오는 수업.edgetoedge클래스:

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

당신은 이것을 원할 것입니다.

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

그.edgetoedge .highlight선택자는 무언가의 자식인 모든 것을 선택할 것입니다.edgetoedge클래스와 have thehighlight학급.

사용해 볼 수 있습니다.

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

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

jquery의 클래스를 모든 요소에서 제거하는 가장 좋은 방법은 요소 태그를 통해 대상을 지정하는 것입니다.

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

언급URL : https://stackoverflow.com/questions/5997960/how-to-remove-class-from-all-elements-jquery