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

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

<div>
      Content
</div>

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

Ответ 1

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

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

Пустая функция также удалит все обработчики событий и внутренние данные, хранящиеся в jQuery.

Ответ 2

Если div имеет id, вы можете сделать это следующим образом:

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

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

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

Или просто все divs

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

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

Ответ 3

HTML

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

Jquery

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

Ответ 4

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

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

ссылка