如果为空，则隐藏父DIV

我知道这一定非常简单，但我一直在撞墙。 我的HTML是：

 
AWARDS
 
  

如果ul.awards li为空，我试图隐藏容器div.awardsparent。 这是我的jQuery代码：

 $(function() { if($('ul.awards li:empty')) { $('div.awardsparent').hide(); } }); 

谢谢！ 如果您需要更多信息，请与我们联系。

Answer 1

从技术上讲，你可能甚至不需要if测试，只需让jQuery的空选择器做出魔术。

这一个class轮应该这样做。

$("ul.awards li:empty").closest('div.awardsparent').hide()

编辑：并且通过空选择器我的意思是如果$("ul.awards li:empty")返回一些东西然后它将隐藏父级，但如果选择为空它将默默地忽略closest()因为没有什么可以应用它来。

Answer 2

尝试：

 if ($('ul.awards li').is(':empty')) { $('div.awardsparent').hide(); }​ 

jsFiddle示例

Answer 3

尝试使用.length ，如：

 if ($("ul.awards li:empty").length)