如果段落不包含任何文本，則隱藏div

Question

我正在使用Wikipedia API做一個項目。 在搜索欄中鍵入單詞會顯示項目列表。 就像下面的圖片一樣。 當用戶將鼠標懸停在“更多” div上時，下面會顯示其他內容。 像那樣。

但是，某些藍色項目不包含任何信息，即為空。 因此，我希望那些不包含任何其他信息的項目不顯示“更多” div。 所以我寫了一個代碼。 但不幸的是，它不起作用。

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

無法找出問題所在，因此將不勝感激。 如果您需要更多信息，請參閱我在Codepen中的項目 。

Answer 1

jQuery ：empty（）是一個選擇器； 因此，它適用於jQuery elements 。 因此，您需要更新此行：

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

用這行：

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

這是一個工作演示 ，我剛剛更新了此JS行，並添加了一個容器div元素。

Answer 2

你可以這樣使用

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

打印搜索結果后需要使用此代碼