如何在ajax返回時完全從dom中刪除？

Question

我試圖完全從DOM李元素中刪除，它的內容包括它的複選框輸入，但沒有成功。

我有以下函數被調用Ajax回調之後，卻沒有刪除內容的元素它自己和孩子的（readyState的== 4）：

function removepostview(str){ 

    document.getElementById('post'+str).innerHTML = ""; 
} 

樣品李

<li id="post58">Some Text Here<input type="checkbox" id ="postchk58" value="58" onclick="deletepost(this.value);" /></li> 

請注意，在這種情況下，沒有明確指定UL。在正常標記的情況下，LI通常會在所有其他情況下進入UL/OL。

Answer 1

它實際上是可以這樣做，而不會導致到JS庫:)

var e= document.getElementById('post'+str); 
e.parentNode.removeChild(e); 

Answer 2

有一個remove()方法在jQuery的只是這樣一個任務：

$('#post'+str).remove(); 

Answer 3

你的標籤包括jQuery的，那麼爲什麼不試試這個：

$('#post' + str).remove(); 

Answer 4

使用jQuery：

function removepostview(str){ 
    $('#post'+str).remove(); 
} 

Answer 5

試試這個：

var d = document.getElementById('myUL'); 
var oldLI = document.getElementById('post'+str); 
d.removeChild(oldLI); 

Answer 6

function removepostview(str){ 
    var postLi = document.getElementById('post'+str); 
    document.removeChild(postLi); 
}