javascript - 如果有特定类，则将类添加到父 div

Question

尝试将类添加到父 div <div class="widget-content">如果.widget-content li a有特定类别.ifthis .

HTML:

<div class="widget-content">
<ul>
<li><a href="https://twitter.com/slycolor" class="ifthis"> <b>This Text Should Red</b></a>
</li>

<li><a href="https://www.facebook.com/slycolor" class="ifthis"> <b>This Text Should Red</b></a>
</li>
</ul>
</div>

我已经尝试过这个:

$('.widget-content li a').has('.ifthis').parent('.widget-content').addClass('social-sidebar'); 

但不起作用，请参阅此示例 fiddle .

Answer 1

选择具有 ifthis 类的子级，然后使用 parents() 选择其父级 或 closest()

$('.widget-content li a.ifthis').parents('.widget-content').addClass('social-sidebar'); 

或者

$('.widget-content li a.ifthis').closest('.widget-content').addClass('social-sidebar');

您的代码无法正常工作，因为，

1. has() 只会检查它的后代是否包含该选择器，您需要 filter() 相反。
2. parent() 只会选择直接父级，因此您应该使用 parents() 或 closest() 。

使用您的代码:

$('.widget-content li a').filter('.ifthis').parents('.widget-content').addClass('social-sidebar');