如何定位子 div 嵌套在其中的特定父类?

Question

当子div(即post-title)为空时，我需要隐藏父div(即.post)。但是，如果另一个子div 包含内容，我不想隐藏它。

这就是我要做的：

<div id="latest">
<div class="post">
<div class="post-content">
<div class="post-title"></div>
</div>
</div>
<div class="post">
<div class="post-content">
<div class="post-title"><h2>Hello!</h2></div>
</div>
</div>
</div>

$(".post-title:empty").parent($(".post")).hide();

Answer 1

使用closest()获取与 post 类最接近的父级

$(".post-title:empty").closest('.post').hide();

$(".post-title:empty").closest('.post').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="latest">
<div class="post">
<div class="post-content">
<div class="post-title"></div>
<p>content</p>
</div>
</div>
<div class="post">
<div class="post-content">
<div class="post-title">
<h2>Hello!</h2>
</div>
<p>content hello</p>
</div>
</div>
</div>