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> 

我要檢查是否存在內div.commentspan.test和是否存在隱藏所有div.comment，並只顯示其中div.commentspan.test不存在。

我被困在這裏：

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

我不知道如何繼續這個實現我想要的。

關於如何完成這項工作的任何建議？

Answer 1

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

jsFiddle example

Answer 2

這將隱藏有span.test

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

Answer 3

事情是這個 -

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

Answer 4

所有評論您可以使用:has這樣

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

或者.has()

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