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