如果它包含特定类的子级，则为父级设置样式[重复]

Posted 2023-03-06

【中文标题】如果它包含特定类的子级，则为父级设置样式[重复]

【英文标题】：Styling parent if it contains child of specific class [duplicate]

【发布时间】：2014-01-27 23:15:51

【问题描述】：

我有这样的html：

<div class="first">
    <div class="second home">
    </div>
</div>
<div class="first">
    <div class="second">
    </div>
</div>

如果子 div 具有 home 类，是否可以使用类 first 设置 div 元素的样式？

【问题讨论】：

目前没有。将来在css4中会是可能的……

此功能即将在 CSS 中推出，请参阅参考：css-tricks.com/parent-selectors-in-css

【参考方案1】：

可以用 jquery 做到这一点

$($('.home').parent('div')).addClass('first');

【参考方案2】：

试试这样的

$('.home').parent('div').addClass('first');

所有带有 home 的子元素

    $('.home').each(function()
        $(this).parent('div').addClass('first');
    );

【讨论】：

这里不需要每个循环...