如果子條件爲true，那麼jQuery將類添加到父項

Question

如果子元素滿足特定條件，是否可以使用jQuery向父元素添加類？

我想這樣的代碼：

<ul> 
    <li> 
    <a href="first.html">First</a> 
    </li> 
    <li> 
    <a class="flyout-toggle" href="second.html">Second</a> 
    </li> 
</ul> 

要改成這樣：

<ul> 
    <li> 
    <a href="first.html">First</a> 
    </li> 
    <li class="has-flyout"> 
    <a class="flyout-toggle" href="second.html">Second</a> 
    </li> 
</ul> 

Answer 1

$('a.flyout-toggle').parent().addClass('has-flyout'); 

Answer 2

是，使用parent

$(selector).parent().addClass('test'); 

你的情況

$('.flyout-toggle').parent().addClass('has-flyout'); 

jsFiddle

Answer 3

您可以使用closest方法

if(condition) { 
    $('.flyout-toggle').closest('li').addClass('has-flyout'); 
} 

Check Fiddle