jquery удалить элементы из списка после нажатия на

Question

вы можете помочь мне с идеей, как я мог удалить элементы из списка после того, как я нажму элемент? допустим, у меня есть список с 5 элементами, и я нажимаю на третий элемент, я хочу, чтобы item4 и item5 были удалены. Я хочу, чтобы удалить все элементы после того, щелкнул в list.Here является 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

Удалить все элементы списка после щелкнули пункта:

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

Codepen

Answer 2

Вы можете использовать nth:child селектор, чтобы удалить элемент из списка, как это:

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

Однако вопрос немного расплывчато относительно того, хотите ли вы, чтобы только те элементы были удалены при нажатии на третий элемент все время или это должно быть общее правило для других li элементов.

Из-за этого я не могу предположить, какое событие щелчка вы должны подключить. Однако я покажу вам, как подключить в 3 li мыши:

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