如果段落不包含任何文本，则隐藏div

Question

我正在使用Wikipedia API进行项目。在搜索栏中键入单词会显示项目列表。如下图所示。 当用户将鼠标悬停在＆＃34;更多＆＃34;另外一个内容在下面显示。像那样。

但是，蓝色的某些项目不包含任何信息，即空白。所以我想要那些不包含任何其他信息的项目不显示＆＃34;更多＆＃34; DIV。所以我写了一个代码。但不幸的是它不起作用。

if ($('.list-container>div.titleDesc>p').is(':empty')) {
      $(".show-more").hide();
}

无法弄清楚出了什么问题，所以我们将不胜感激。如果您需要更多信息，请参阅Codepen中的project。

Answer 1

jQuery :empty()是一个选择器;因此，它适用于 jQuery元素 。所以，你需要更新这一行：

$(this).text().is(':empty')

这一行：

$(this).is(':empty')

这是一个 Working Demo ，我刚刚更新了这个JS系列，并添加了一个容器div元素。

Answer 2

你可以这样使用

 $('.list-container>div.titleDesc>p').each(function() {
if ($(this). text() == "" ) {
    $(this). hide() ;
} 
} ) 

打印搜索结果后，您需要使用此代码