javascript - 仅隐藏循环中子级的父类

Question

我在 WordPress 中有一个显示帖子的循环。

<div class="parent-div" id="unuqueIdHereForEachBlock">
 <div class="child-1"></div>
 <div class="child-2">
    <div class="sub-child">

    </div>
 </div>
</div>

这个“parent-div”处于循环状态，每个帖子都会重复 20-30 次。对于某些帖子，子子 div 没有内容，在这种情况下，我想仅为该特定帖子隐藏“child-1”div。

使用 jQuery、JavaScript 或 PHP 的解决方案都可以。

希望这是有道理的。

谢谢。

Answer 1

您可以尝试以下操作

$(".parent-div").each((i,e) => {
if(!$(e).find(".child-2 .sub-child").text().trim()) $(e).find(".child-1").hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent-div" id="unuqueIdHereForEachBlock">
 <div class="child-1">Text 1</div>
 <div class="child-2">
    <div class="sub-child">

    </div>
 </div>
</div>
<div class="parent-div" id="unuqueIdHereForEachBlock">
 <div class="child-1">Text 2</div>
 <div class="child-2">
    <div class="sub-child">
        Some text
    </div>
 </div>
</div>