从html dom中仅删除选定的元素

Question

我想在点击按钮时删除除div之外的所有元素。我如何用jQuery做到这一点？

HTML

<div id="div1">
<div id="inner1"></div>
<div id="inner2"></div>    
</div>

的jQuery

$('button').click(function(){
$('div1').html(' ');
});

删除 div1 中的所有元素，但我只想删除 inner1 。

Answer 1

这将删除除#inner2以外的所有内容，包括文本节点。

var $inner2 = $("#inner2");

$('#div1').empty().append($inner2);

Answer 2

$('#div1 #inner1').remove();

这会从inner1删除div1 div。

Answer 3

$('button').click(function(){
    $('#inner1').remove();
});

jsFiddle example

请参阅：http://api.jquery.com/remove/

Answer 4

这可能是您要找的？ $('#inner1').remove(); 您可能希望在http://api.jquery.com/remove/查看jQuery文档 如果这不能回答您的问题，请创建一个jsfiddle链接