jqueryはクリック後にリストから項目を削除します

Question

項目をクリックするとリストから項目を削除する方法をアイデアで教えてください。 5つのアイテムのリストがあり、3番目のアイテムを押すと、item4とitem5を削除します。私は、あなたがこのようなリストから任意の項目を削除するにはnth:childセレクタを使用することができ、HTML

<div class="row bcrumb"> 
      <div class="col-sm-12"> 
       <ol class="breadcrumb"> 
<li class="item"><a href="#">Item1</a></li> 
<li class="item"><a href="#">Item2</a></li> 
<li class="item"><a href="#">Item3</a></li> 
<li class="item"><a href="#">Item4</a></li> 
<li class="item"><a href="#">Item5</a></li> 
       </ol> 
      </div> 
     </div> 

Answer 1

：しかし、私は第三liクリックにフックする方法をお見せしますが、具体的だけでクリックできるようにしたいと同様

$('.item').on('click', function(e) { 
    e.preventDefault(); 
    $(this).nextAll().remove(); 
}); 

Codepen

Answer 2

である1がlist.Hereでクリックした後にすべての項目を削除する：

$('ul li:nth-child(4)').remove(); 
$('ul li:nth-child(5)').remove(); 

しかし質問常に3番目のアイテムをクリックして削除するアイテムのみを削除するか、他のアイテムの一般的なルールにする必要があるかどうかは少し曖昧です。

このため、どのクリックイベントを使用するかはお勧めできません。クリックした項目の後に、すべてのリスト項目を削除

$('ul li:nth-child(3)').click(function) { 
     console.log("3rd item clicked"); 
});