Delete class for all children

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 a jQuery selector, how can I remove elements that have CLASS=ACTIVE , no matter what LI it is on?

thank

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 the following:

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