jQuery append不能在雙HTML中工作

Question

我有一個兩個步驟的代碼。下面的語句：

步驟1：如果id="container"沒有文本，然後id="container"將自動生成文本：如果<span id="test"></span>沒有文本，然後id='parent'將這個代碼$("#parent").Remove();

第2步刪除沒有數據用此代碼$("#container").append("NO DATA");

在Atep 1工作良好。但在這個步驟2不起作用。 我還不得不將append()更換爲html()，並且無法工作。 解決方案是什麼？

我的代碼：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

<div id='container'> 

<div id='parent'> 
<b>Age:</b> <span id='test'></span> 
</div> 

</div> 

<script> 
if($("#test").html()==""){ 
$("#parent").remove(); 
} 

if($("#container").html()==""){ 
$("#container").append("NO DATA"); 
} 
</script> 

Answer 1

空格在容器中留下了這麼html()不爲空，你需要使用$.trim()去除左空格有。這裏是jsFIddle給你。

if($("#test").html()==""){ 
 
$("#parent").remove(); 
 
} 
 
if($.trim($("#container").html())==""){ 
 
$("#container").append("NO DATA"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id='container'> 
 

 
<div id='parent'> 
 
<b>Age:</b> <span id='test'></span> 
 
</div> 
 

 
</div>