jquery supprimer tous les enfants sauf un div

Comment puis-je supprimer tout à l'intérieur de div à l'exception d'un div/span avec class='notsure'? Je peux supprimer tous les enfants à l'aide de empty mais vous ne savez pas comment faire pour enregistrer un spécifique div.

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

source d'informationauteur coure2011 | 2012-02-22

  1. 34
    var save = $('#test .notsure').detach();
$('#test').empty().append(save);
  2. 12

    Mise à jour:

    Si vous souhaitez également supprimer le texte here is a test:

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

    Exemple De Travail

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

    Essayer cette 

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

    Vous pouvez filtrer son contenu:

    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 !!');
}

    Exemple. http://jsbin.com/urudew/2/edit

  5. 1

    Supprimer les frères et sœurs, mais garder .notsure

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

    jsBin démo

    Supprimer true de clone(true) pour se débarrasser de .notsure's lié aux événements comme cliquez sur etc.

    Si vous'e pas intéressés à événements lié à celui des éléments, vous pouvez tout simplement faire:

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

    vous pouvez le vérifier ci-Dessous est l'exemple

    $(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/

  7. -1

    un truc qui pourrait être fait ici ...

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