모든 하위 요소에 대한 클래스 제거

모든 하위 요소에 대한 클래스 제거

다음과 같은 HTML이 주어지면:

<div id="table-filters">
    <ul>
        <li class="active">blah</li>
        <li>blah</li>
        <li>blah</li>
        <li>blah</li>
    </ul>
</div>

테이블 필터를 jQuery 셀렉터로 사용하여 다음과 같은 요소를 제거하려면 어떻게 해야 합니까?CLASS=ACTIVE, 어느 쪽이든 간에LI혹시 켜져 있나요?

감사해요.

작동해야 합니다.

$("#table-filters>ul>li.active").removeClass("active");
//Find all `li`s with class `active`, children of `ul`s, children of `table-filters`

다음과 같이 할 수도 있습니다.

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

작동해야 합니다.

$('#table-filters ul li .active').removeClass('active');

언급URL : https://stackoverflow.com/questions/2034719/remove-a-class-for-all-child-elements