如何在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

IF 您正试图删除一组元素的所有兄弟，您可以这样做。

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