如何在jquery中删除（.remove）所有元素（div）但不包含this（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），但要保持？

我想这一点，但没有奏效：

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