jquery - 仅从 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

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

Answer 3

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

jsFiddle 示例

见：http ://api.jquery.com/remove/

Answer 4

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

这inner1将从div1.