删除除使用jQuery单击的列表项之外的所有其他列表项

Question

我有这种清单

<ul>
<li><div class="pname">Name1</div><div class="pid">ID1</div>...</li>
<li><div class="pname">Name2</div><div class="pid">ID2</div>...</li>
<li><div class="pname">Name3</div><div class="pid">ID3</div>...</li>
...
</ul>

如果我单击任何列表项,则应删除所有其他列表项.任何人都可以建议我怎么做到这一点？

Answer 1

假设this是被点击的li元素:

$(this).siblings('li').not(this).remove();

如果单击处理程序绑定到列表项内的某些内容:

$(this).closest('li').siblings('li').not($(this).parents()).remove();