Remove a Class for All Child Elements
Given the Following Html: Blah Blah Blah Blah Using Table-Filters as the jQuery Selector, How Can I Clear out the Elements Having Class=Active, No Matter Which...
Given the following HTML:
<div id="table-filters">
<ul>
<li class="active">blah</li>
<li>blah</li>
<li>blah</li>
<li>blah</li>
</ul>
</div>
Using table-filters as the jQuery selector, how can I clear out the elements having CLASS=ACTIVE, no matter which LI it happens to be on?
thanks
2 Answers
This should work:
$("#table-filters>ul>li.active").removeClass("active");
//Find all `li`s with class `active`, children of `ul`s, children of `table-filters`
You can also do like this :
$("#table-filters li").parent().find('li').removeClass("active");