如何删除<div>内的所有内容？

Question

我有以下内容：

<div id="test">

...
...

</div>

我希望删除div中的所有元素，所以我尝试了以下代码：

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

但是似乎这样做不起作用。我在这里做的对吗？

- MikeSwanson

---

$('#test > div') 询问所有id为test的元素的子元素中的所有div元素。删除> div部分，请参见@Marcel的答案（+1）。 - Joel Lee

Answer 1

请使用正确的语法尝试。

Remove：从DOM中删除匹配元素集。

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

尝试使用empty

empty：从匹配元素集合中删除所有子节点。

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

参见html()，有时它很有帮助。

html：当使用.html()设置元素内容时，该元素中的所有内容都将被新内容完全替换。

注意：如果要删除元素而不删除数据和事件，请使用.detach()。

- diEcho

Answer 2

$("#test").empty() 可以解决问题。

- Marcel

Answer 3

这里是jsFiddle

http://jsfiddle.net/53ZRw/

这应该就可以了。

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

如果您想完全删除，可以使用以下方法：

.remove();

- kobe

Answer 4

这个也应该可以工作

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

- Yuda Prawira