jquery從列表中刪除項目後點擊

-1

你能幫我一個ideea我怎麼能從列表中刪除項目後，我點擊一個項目？假設我有一個包含5個項目的列表，並且我按下第3個項目，我想要刪除item4和item5。我想那個在list.Here點擊後刪除所有項目是一個htmljquery從列表中刪除項目後點擊

<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>

來源

2017-01-04 chris227

就像你專門只希望能夠點擊3並刪除4和5，或者您想單擊某個內容並刪除列表中單擊的所有項目？ – aaronjkrause

是的，我想刪除列表中的一個點擊後的所有項目 – chris227

點擊的項目後，刪除所有列表項：

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

Codepen

來源

2017-01-04 22:31:22 aaronjkrause

這是偉大的，它的工作thnx！ – chris227

您可以使用nth:child選擇從這樣的列表中刪除任何項目：

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

然而問題有點含糊不清，你是否只希望那些物品隨時被點擊第三個物品而被刪除，或者它應該是其他li物品的通用規則。

因此，我不能建議你應該鉤入哪個點擊事件。但是我告訴你如何掛鉤到第三li點擊：

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

來源

2017-01-04 22:31:01 Yaser

jquery從列表中刪除項目後點擊

回答

相關問題