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

如果在子级中条件为真，则jQuery将类添加到父级

3 个答案: