Как удалить класс из всех элементов 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>.00</small><b>Vanilla</b> </a></li>
<li id="298"><a href="#" onClick="cart('298','add')"><small>.00</small><b>Peanut Butter</b></a></li>
<li id="299"><a href="#" onClick="cart('299','add')"><small>.00</small><b>Combo</b></a></li>
<li id="300"><a href="#" onClick="cart('300','add')"><small>.00</small><b>Chocolate</b></a></li>
<li id="301"><a href="#" onClick="cart('301','add')"><small>.00</small><b>Strawberry</b></a></li>
<li id="303"><a href="#" onClick="cart('303','add')"><small>.00</small><b>Banana</b></a></li>
<li id="304"><a href="#" onClick="cart('304','add')"><small>.00</small><b>Root Beer Float</b></a></li>
<li id="305"><a href="#" onClick="cart('305','add')"><small>.00</small><b>Espresso</b></a></li>
</ul>
</div>


я предположил, что я мог бы удалить класс с этим...



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


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

427   5  

5 ответов:

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

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

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

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

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

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

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

The .edgetoedge .highlight селектор будет выбирать все, что является дочерним что-то с edgetoedge класс и имеет highlight класса.

вы можете попробовать это:

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

Comments

    Ничего не найдено.