Jak usunąć zawartość elementu za pomocą JQuery?

Question

Powiedz, że mam element div i zawartość w nim zawartą.

<div> 
     Content 
</div> 

Jak usunąć pustkę z div bez usuwania elementu div, tylko zawartość w środku JQuery?

Answer 1

Można użyć funkcji empty usunąć wszystkie węzły potomne (cała jego zawartość) elementu:

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

Pusta funkcja będzie również usunąć wszystkie programy obsługi zdarzeń i jQuery wewnętrznie buforowane dane.

Answer 2

Jeśli div ma identyfikator, można zrobić to tak:

$('#id-of-div').html(''); 

Albo można zrobić wszystkie klasy .class-of-div

$('.class-of-div').html(''); 

lub po prostu wszystkich div

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

EDYCJA: Ale empty() (powyżej) będzie działać lepiej.

Answer 3

HTML

<div id='emptythis'> 
    Content 
</div> 

Jquery

$('#emptythis').html(''); 

Answer 4

$("div").remove(".hello"); 

podobne do .empty() metoda .remove() wykonuje elementy OUT DOM. Użyj .remove(), gdy chcesz usunąć sam element, jak również wszystko wewnątrz niego. Oprócz samych elementów, wszystkie powiązane zdarzenia i dane jQuery powiązane z elementami są usuwane. Aby usunąć elementy bez usuwania danych i zdarzeń, użyj zamiast tego opcji .detach().

reference