javascript - jquery has() 没有按预期工作

Question

假设我有这个标记:

<div class="comment">
  <span class="test">some content here</span>
<p>Lorem ipsum</p>
</div>

<div class="comment">
  <p>Lorem ipsum</p>
</div>

我想检查 span.test 是否存在于 div.comment 中，如果存在则隐藏所有 div.comment 并显示只是 div.comment，其中 span.test 不存在。

我被困在这里了:

 if($("span.test").length) {
    $(".element:has(span.test)").hide();

我不知道如何继续这个来实现我想要的。

关于如何使这项工作有任何建议吗？

Answer 1

您可以使用 :has像这样

$('.comment:has(span.test)').hide()

或.has()

$('.comment').has('span.test').hide()