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 中的解决方案很好。

希望这是有道理的。

谢谢。

标签： javascriptphpjquerywordpress

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>