jquery - 如果子项中的条件为真，则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');
}

检查小提琴