javascript - 删除右边的所有兄弟而不是左边的JQUERY JAVASCRIPT

Question

我正在构建面包屑，当您深入文件夹时，会在 DIV 中添加一个按钮，例如:

<div id='breadcrumb-wrapper'><button id='uniqueId1'>FolderName1</button><button id='uniqueId2'>FolderName2</button><button id='uniqueId3'>FolderName3</button><button id='uniqueId4'>FolderName4</button></div>

每个按钮都转到它的补丁，我需要删除它右边的所有 sibling ，但当用户点击它时，我需要删除它左边的所有 sibling ，如果我使用类似的东西:

$('#breadcrumb-wrapper').nextAll('#uniqueId3').remove();

所有 sibling 加上所有元素都离开该节点，这不是主意。如果我使用类似的东西:

$('#uniqueId3').siblings().remove();

包括第一个和第二个在内的所有 sibling 都离开了这也不是我需要做的，所以我怎么能做到这一点？

Answer 1

在元素本身而不是父元素上使用 nextAll:

$('#uniqueId3').nextAll().remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='breadcrumb-wrapper'>
  <button id='uniqueId1'>FolderName1</button>
  <button id='uniqueId2'>FolderName2</button>
  <button id='uniqueId3'>FolderName3</button>
  <button id='uniqueId4'>FolderName4</button>
</div>