Remove a CLASS for all child elements

Question

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

Answer 1

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` 

Answer 2

You can also do like this :

  $("#table-filters li").parent().find('li').removeClass("active");