的JavaScript刪除標記在Mozilla

Question

不工作我想，如果沒有數據存儲在<span id="test">

它完全在Chrome中移除標籤<div id='parent'>，但Firefox不能。

有沒有解決方案來解決這段代碼？ 如果你必須使用jQuery，我也準備好了。

我的代碼：

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

<script> 
if (document.getElementById('test').innerHTML == ''){ 
document.getElementById('parent').remove(); 
} 
</script> 

樣品鉻：http://i.stack.imgur.com/lDesY.png

樣品的Mozilla：http://i.stack.imgur.com/R2SS1.png

Answer 1

如果你準備使用jQuery，那麼你可以做到這一點

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<h1>Result:</h1> 
<div id='parent'> 
<b>Age:</b> <span id='test'></span> 
</div> 

Answer 2

替換這個（見本example這reference）

document.getElementById('parent').remove(); 

通過

currentNode = document.getElementById('parent').remove(); 
currentNode.parentNode().removeChild(currentNode);