jQuery - 如果子类包含类，则将类添加到父类 [英] jQuery - Add class to parent if child contains class

问题描述

如果父 DIV 有一个类为测试"的子 IMG 元素，我正在尝试向它添加一个类.

<div id="on-1" class="box"><img src="110.jpg">

<div class="present"><img class="testing" src="image.jpg">

</文章>

我已经设置了 if 语句来检查类测试"是否存在.不过，我在向父文章"元素添加类时遇到了问题.

if ($("article").find(".testing").length > 0) {$(.this.parentNode.parentNode).addClass("hasclass");}

解决方案

使用 parent()选择父元素.

$("文章 img.testing").parent().addClass('hasclass');

$("article img.testing").parent().addClass('hasclass');

.hasclass {背景:红色；}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script><文章><div id="on-1" class="box"><img src="110.jpg">

<div class="present"><img class="testing" src="image.jpg">

</article>

I am trying to add a class to a parent DIV if it has a child IMG element with class of "testing".

<article>
    <div id="on-1" class="box">
        <img src="110.jpg">
    </div>

    <div class="present">
        <img class="testing" src="image.jpg">
    </div>
</article>

I have set up if statement to check if class "testing" exists. I am having trouble adding class to the parent "article" element though.

if ($("article").find(".testing").length > 0) {
    $(.this.parentNode.parentNode).addClass("hasclass");
}

解决方案

Use parent() to select parent element.

$("article img.testing").parent().addClass('hasclass');

$("article img.testing").parent().addClass('hasclass');

.hasclass {
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<article>
  <div id="on-1" class="box">
    <img src="110.jpg">
  </div>

  <div class="present">
    <img class="testing" src="image.jpg">
  </div>
</article>

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