jquery有（）没有按预期工作

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()

Answer 2

这将使用span.test

隐藏所有评论

$('.comment span.test').parent('.comment').hide();

Answer 3

$("div.comment").filter(function () {
    return $(this).find('span.test').length
}).hide();

<强> jsFiddle example

Answer 4

像这样 -

$("span.test").closest('.comment').hide(); // hide comment that contains .test