隱藏父div如果：空

當文檔準備就緒時，如果兄弟文件爲空，則試圖隱藏父div。似乎並沒有爲我工作：隱藏父div如果：空

$('.pp-post-content-location:empty').parent().hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <span class="pp-post-content-subtitle">Location</span> 
 
    <div class="pp-post-content-location"></div> 
 
</div>

來源

2017-08-24 Gary Collins

我把你的代碼放在代碼片段中，它工作得很好。你能檢查你的控制檯是否有錯誤，並告訴我們是否有任何錯誤。另外，確保你在document.ready事件處理程序中運行你的代碼 –

是的，它工作正常。你期望什麼？ –

那很奇怪。內容仍然顯示在我的屏幕上。它在一個document.ready中，並且在控制檯中沒有任何錯誤。這是在一個WordPress的網站，不知道這是否與它有任何關係。 –

首先您還沒有文檔。就緒在腳本

下面的代碼試試這個

$(document).ready(function(){ 
var text=$('.pp-post-content-location').text(); //text Is Jquery Function which gets the content inside a element 

if(text==""){ 
$('.pp-post-content-location').parent().hide(); 
} 
});

然後只是一個簡單的條件檢查是否有任何內容在指定的元素如果它沒有任何內容，那麼它會隱藏PAR ENT元素

來源

2017-08-24 11:45:59

隱藏父div如果：空

回答

相關問題