Как удалить содержимое элемента с помощью JQuery?

Question

Скажем, у меня есть div и некоторый контент внутри него.

<div> 
     Content 
</div> 

С помощью JQuery, как я могу удалить div без удаления div, только содержимое внутри?

Answer 1

Вы можете использовать функцию empty, чтобы удалить все дочерние узлы (все его содержание) элемент:

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

Пустой функция будет также удалить все обработчик событий и JQuery внутри кэшированные данные.

Answer 2

Если ДИВ имеет идентификатор, вы можете сделать это следующим образом:

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

Или вы можете сделать все классы .class-оф-DIV

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

или просто все дивы

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

EDIT: Но empty() (выше) будет работать лучше.

Answer 3

Html

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

Jquery

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

Answer 4

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

Подобно .empty(), метод .remove() принимает элементы выхода из DOM. Используйте .remove(), когда вы хотите удалить сам элемент, а также все, что внутри него. В дополнение к самим элементам все связанные события и данные jQuery, связанные с элементами, удаляются. Чтобы удалить элементы без удаления данных и событий, используйте вместо этого .detach().

reference