jquery删除除div之外的所有子节点

Question

除div div/span以外，如何删除class='notsure'内的所有内容？我可以使用empty删除所有子项，但不确定如何保存特定的div。

<div id="test">
    here is a test
    <p>a paragraph</p>
    <div class="notsure"></div>
</div>

Answer 1

var save = $('#test .notsure').detach();
$('#test').empty().append(save);

Answer 2

更新

如果您还想删除文字here is a test：

var notsure = $('.notesure');
$('#test').html('').append(notsure);

Working Example

---

$('#test').children().not('.notsure').remove();

Answer 3

试试这个

$("#test").children().filter(":not(.notesure)").remove();

Answer 4

您可以过滤其内容：

var b = $('#test').contents();

b.filter(function() {  //
    return this.nodeType == 3; //Node.TEXT_NODE
}).remove()
.end().filter(':not(.notesure)').remove(); //Find the elements that don' t have the .notesure class.;


$('.notesure').click(function(){
    $(this).html('clicked !!');
}

实施例。 http://jsbin.com/urudew/2/edit

Answer 5

删除兄弟姐妹但保留.notsure

$('.notsure').clone(true).appendTo($('#test').empty());

<强> jsBin demo

从true移除clone(true)，以摆脱{em>点击等.notsure的约束事件。
如果不对事件感兴趣，那么您可以这样做：

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

Answer 6

您可以查看以下是工作示例

$(function () {
$('#delete-button').click(function () {
    deleteElementsBelow('#parent-container');
});

function deleteElementsBelow(parentContainerSelector) {
    var save = $('#parent-container #delete-button').detach();
            $(parentContainerSelector).empty().append(save);
}
});

https://jsfiddle.net/L9vdz7n7/

Answer 7

这里可以做一招......

$("#test").html('<div class="notesure">'+$('div.notesure').html()+'</div>')