javascript - 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();

Answer 2

ul内容をクリックしたアイテムに置き換えるだけです。

$('ul li').click(function(ev){
    $(this).closest('ul').html($(this));
});​

デモを見る

Answer 3

jQueryソリューション...

$('li').click(function() {
    $(this).siblings().remove();
});