Как удалить класс из всех элементов 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");

Но это не работает. Как удалить класс?

Ответ 1

Вам нужно выбрать теги li, содержащиеся в классе .edgetoedge. .edgetoedge соответствует только тегу ul:

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

Ответ 2

попробуйте: $(".highlight").removeClass("highlight");. Выбрав $(".edgetoedge"), вы выполняете только функции на этом уровне.

Ответ 3

Это просто удаляет класс highlight из всего, что имеет класс edgetoedge:

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

Я думаю, вы этого хотите:

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

Селектор .edgetoedge .highlight выберет все, что является дочерним элементом чего-либо с классом edgetoedge и имеет класс highlight.

Ответ 4

Вы можете попробовать следующее:

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

Ответ 5

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