如果有特定的类，则将类添加到父div [英] Add class to parent div if there has specific class

问题描述

尝试将类添加到父div < div class =widget-content> if .widget-content li a 具有特定类 .ifthis 。

Trying to add class to parent div <div class="widget-content"> if .widget-content li a has specific class .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'); 

但不工作，请参阅此示例小提琴。

But not working, see this example fiddle.

推荐答案

选择课程<$ c $的儿童c> ifthis 然后使用 父母选择它的父母（ ） 或 最近的（）

Select children which have class ifthis then select it's parent using parents() or closest()

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

OR

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

您的代码无效，因为，

1. has（） 只会检查它的后代是否包含该选择器，您需要 filter（） 而不是。


2. parent（） 只会选择直接父级，所以你应该使用 parents（） 或 nearest（） 。

1. has() will only check that it's descendant has contain that selector, you need filter() instead.
2. parent() will only select immediate parent , so you should use parents() or closest().

使用您的代码：

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

这篇关于如果有特定的类，则将类添加到父div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！