javascript - 如何在 jquery 中删除(.remove)所有元素(div)但不删除这个(this)元素(div)？

Question

我有一组 div 正在监听点击。单击其中一个后，我需要删除所有其他的。

HTML:

<div class="foo">A</div>
<div class="foo">B</div>
<div class="foo">C</div>
<div class="foo">D</div>

如果我点击 div (A)，如何删除所有其余的 (B,C,D) 但保留 A？

我尝试了这个，但没有成功:

$('.foo:not(this)').remove();

Answer 1

$('.foo').not(this).remove(); //w00t

所以把它们放在一起:

$('.foo').click(function(){ 
    //code...
    $('.foo').not(this).remove(); //w00t
    //more code....
});