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....
});

Answer 2

如果您尝试删除一组元素的所有兄弟姐妹，您可以这样做。

$(".foo").click(function (e) {
    $(this).siblings().remove();
});