如果div A在jquery或javascript中為空，則刪除（或隱藏）div B

Question

如果div A為空，我想刪除（或隱藏）divB。 這樣做會稍微清理屏幕。

 if ( $('#textDiv').text()=='' ) { $('#newPlayer').hide(); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id = "textDiv"></div> <div id = "newPlayer">blah blah"</div> 

Answer 1

您的代碼很好，只需將其包裝在$(function(){}); 或$(document).ready(function(){}); 或在頁面底部使用它

 $(function(){ setInterval(function(){if ( $('#textDiv').text()=='' ) { $('#newPlayer').hide(); }},1000); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id = "textDiv"></div> <div id = "newPlayer">blah blah"</div> 

Answer 2

您的代碼缺少document的ready功能。 將代碼放在document的ready事件中將使其正常工作。 另外，使用.trim()檢查真正的空度。

 $(function() { if ($('#textDiv').text().trim() == '') { $('#newPlayer').hide(); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="textDiv"></div> <div id="newPlayer">blah blah"</div> 

Answer 3

確保將代碼放入$（document）.ready（）

$(document).ready(function(){
    if ( $('#textDiv').text()=='' ) {
      $('#newPlayer').hide();
    }
})