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

Question

我有以下内容：

<div id="test">

...
...

</div>

我想删除div中的所有元素，所以我尝试了：

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

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

Answer 1

尝试正确的语法

  

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

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

尝试 empty

  

空：从DOM中删除匹配元素集的所有子节点。

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

另请参阅 html()

  

html：当.html（）用于设置元素的内容时，任何内容都是   在那个元素中完全被新内容所取代。

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

Answer 2

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

Answer 3

jsFiddle here

http://jsfiddle.net/53ZRw/

这应该这样做。

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

如果要完全删除，可以使用

.remove();

Answer 4

这是否也有效

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