は右にすべての兄弟を削除ではなく、左の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> 

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

すべての兄弟に加えて、すべての要素が離れ、そのノードから行くと、それはありません：ユーザーがそれをクリックすると、そのパッチと私はのようなものを使用している場合、その右にではなく、その左にあるすべての兄弟を削除する必要がありますアイデア。私のようなものを使用する場合：

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

を第一および第二のものを含むすべての兄弟は、同様にそれは私が何をする必要があるかではありませんので、どのように私はこれをachive可能性が離れて行きますか？

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>

Answer 2

あなたは$('#uniqueId3 ~ button').remove()が動作するはずですあなたのケースでは、 "Next Siblings Selector (“prev ~ siblings”)"

を試してみました。

Answer 3

$("#breadcrumb-wrapper button").click(function(){ 
    $(this).nextAll().remove(); 
}); 

、あなたはこのようにそれを行うが、そのあなたより多くのボタンを持っている場合することができます削除したくないすべてのボタンに同じクラスを追加したくない場合