는 jQuery를 - 부모 클래스

Question

내가 DIV에 클래스를 자동 추가 만들려하지 않은, 그래서 내가 할 경우 : 그것은

$('.navigation').find('li.active').parents('li').addClass('active'); 

위대한 작품! 하지만 이제 부모님을 무시해야합니다. 'dropdown-toggle'을 다음과 같이 수정했습니다.

$('.navigation').find('li.active').parents('li:not(.dropdown-toggle)').addClass('active'); 

하지만 작동하지 않습니다. 이 도움이

$('.navigation li.active').parents('li:not(".dropdown-toggle")').addClass('active'); 

희망 :

Answer 1

봅니다 같은 :not와 parents()을 사용할 수 있습니다.

$('.navigation li.active').parents('li:not(".dropdown-toggle")').addClass('active');

.active{ 
 
    background-color:green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class='navigation'> 
 
    <li>Water</li> 
 
    <li>Tea 
 
    <ul> 
 
     <li>Black tea</li> 
 
     <li class='active'>Green tea</li> 
 
    </ul> 
 
    </li> 
 
    <li>Milk</li> 
 
    <li class='dropdown-toggle'>Coffee (Has dropdown-toggle class) 
 
    <ul> 
 
     <li>Black Coffee</li> 
 
     <li class='active'>Cream Coffee</li> 
 
    </ul> 
 
    </li> 
 
</ul>