jquery - empty() 特定の要素を除くすべて

Question

jQuery のempty()方法を使用して、特定の要素が DOM から削除されるのを防ぐことができますが、他のすべての要素は削除されますか?

例えば：

<div id="container">
    <div id="noRemove"></div>
    ... more content ...
</div>

jQuery でこの呼び出しを行う場合、の残りのコンテンツを削除しながら$("#container").empty()の削除を防ぐにはどうすればよいですか?noRemovecontainer

score 11 · Accepted Answer

empty機能単体ではご利用いただけません。これを行う方法の 1 つを次に示します。

var $container = $('#container'),
    $noRemove = $container.find('#noRemove');

$container.html($noRemove);

ここにフィドルがあります：http://jsfiddle.net/joplomacedo/R4cu5/

score 7 · Accepted Answer

以下を使用すると、コンテナからすべてが削除されますが、要素idは次のnoRemoveとおりです。

$('#container').contents().filter(function () {
    return this.id != "noRemove";
}).remove();

score 2 · Accepted Answer

これは、特定の行の AJAX プル後にテーブルデータを更新するために使用したものです。ちょっと身勝手な回答。

$('.overrideFcstRow td').each(function(){
    if(!$(this).hasClass('overrideTitle')){
        $(this).empty();
    }
});

score -1 · Accepted Answer

-1

これでうまくいくはずだと思います：

$("#container").find(":not(#noRemove)").remove();

于 2012-08-27T21:12:07.390 に答える

4 に答える 4