Как я могу полностью удалить из dom по возвращении ajax?

Question

Я пытаюсь полностью удалить элементы DOM LI Elements и их содержимое, включая входные данные флажка, но не удалось.

У меня следующая функция, вызываемая после обратного вызова ajax, но она удаляет содержимое, а неelement it self и childs (readyState == 4):

function removepostview(str){

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

Образец LI

<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

Попробуйте это:

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

Answer 3

Использование jQuery:

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

Answer 4

Ваши теги включают JQuery, так почему бы не попробовать это:

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

Answer 5

В jQuery есть метод remove(), предназначенный именно для такой задачи:

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

Answer 6

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