div에서 innerHTML 제거

div에서 innerHTML 제거

---

다시 채우기 전에 div의 innerHTML을 지우려고합니다. 나는 removeData ()를 시도했지만 일단 호출되면 데이터를 추가하려고 할 때 제거 후 다음 줄에서 아무것도 얻지 못하지만 removeData ()를 제거하면 다시 괜찮습니다. 다시 채우기 전에 해당 div의 이전 콘텐츠를 지우고 싶습니다.

    divToUpdate.removeData(); //clean out any existing innerHTML div content first
    divToUpdate.html(data);

removeData ();를 호출 한 후 어떤 이유로 내 divToUpdate.html (data)에 도달하지 못하는 것 같습니다.

---

jQuery 데이터는 HTML과 다른 개념입니다. removeData는 요소 콘텐츠를 제거하기위한 것이 아니라 이전에 저장 한 데이터 항목을 제거하기위한 것입니다.

그냥 해

divToUpdate.html("");

또는

divToUpdate.empty();

---

div에서 모든 하위 요소를 제거하려면 :

$('#mysweetdiv').empty();

.removeData()해당 .data()함수는 요소 뒤에 데이터를 첨부하는 데 사용됩니다. 예를 들어 특정 목록 요소가 데이터베이스에서 사용자 ID 25를 참조했음을 확인하려는 경우 :

var $li = $('<li>Joe</li>').data('id', 25);

---

$('div').html('');

그러나 왜 지우는가, divToUpdate.html(data);이전 HTML을 완전히 대체합니다.

---

divToUpdate.innerHTML =     "";   

---

var $div = $('#desiredDiv');
$div.contents().remove();
$div.html('<p>This is new HTML.</p>');

잘 작동합니다.

---

이전 데이터를 제거하지 않고 덮어 쓸 수 있어야합니다.

참조 URL : https://stackoverflow.com/questions/2648618/remove-innerhtml-from-div