javascript - 如果父 div 不包含特定的 span 元素，则隐藏它

Question

我有一个这样构建的评论列表:

<article class="comment">
<span class="field"></span>
</article>

在我的页面中一些<article class="comment">不包含 <span class="field"></span>我需要只显示那些具有 span 的内容元素。

我已经尝试过:jQuery('article.comment:not(:has(span.field)').hide();

也尝试过这个:

if (jQuery('span.field').length) {
jQuery('article.comment').show();
 } 
else { jQuery('article.comment').hide(); }

但这隐藏了所有 article.comment div，我只想隐藏那些没有 span 的 div元素。

欢迎任何建议。

谢谢!

Answer 1

您缺少一个括号，即结束 :not:

jQuery('article.comment:not(:has(span.field))').hide();

fiddle :http://jsfiddle.net/qdCjP/