Как я могу удалить все внутри

#jquery

#jquery

Вопрос:

У меня есть следующее:

 <div id="test">

...
...

</div>
  

Я хотел бы удалить все элементы внутри div, поэтому я попытался:

 $('#test > div').remove();
  

Но, похоже, это не работает. Правильно ли я здесь поступаю?

Комментарии:

1. $('#test > div') запрашивает все div элементы, которые являются дочерними элементами элемента с идентификатором test . Удалите > div часть, смотрите ответ @Marcel ( 1).

Ответ №1:

попробуйте использовать правильный синтаксис

Удалить: удалить набор сопоставленных элементов из DOM.

  $('div#test').remove();
  

попробуйте с пустым

пустой: удалите все дочерние узлы набора сопоставленных элементов из DOM.

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

смотрите html () также, иногда это полезно

html: Когда .html () используется для установки содержимого элемента, любое содержимое, которое было в этом элементе, полностью заменяется новым содержимым.

Примечание: Чтобы удалить элементы без удаления данных и событий, используйте .detach() вместо этого.

Ответ №2:

$("#test").empty() должно сработать.

Ответ №3:

jsFiddle здесь

http://jsfiddle.net/53ZRw/

это должно сработать.

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

если вы хотите полностью удалить, вы можете использовать

 .remove();
  

Ответ №4:

должно ли это тоже работать

 $('#test > div ').text('');