開始点がクリックされた要素である要素を後で削除する

Question

開始点がクリックされた要素の親である要素を後で削除するにはどうすればよいですか？上記

$(document).ready(function(){ 
 
    $('.breadcrumb li a').click(function(){ 
 
    
 
    
 
    }); 
 
});

.breadcrumb,.breadcrumb li{list-style:none;} 
 
.breadcrumb li{float:left;margin:3px;} 
 
.breadcrumb li a{text-decoration:none;outline:none;} 
 
.breadcrumb li:not(:first-child):before{content:'/';}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<ol class="breadcrumb"> 
 
    <li> 
 
    <a href="#" class="active parent" data-folder="1f">parent</a> 
 
    </li> 
 
    <li> 
 
    <a href="#" class="active" data-folder="1f-f1">parent sub 1</a> 
 
    </li> 
 
    <li> 
 
    <a href="#" class="active" data-folder="1f-f2">parent sub 2</a> 
 
    </li> 
 
    <li> 
 
    <a href="#" class="active" data-folder="1f-f3">parent sub 3</a> 
 
    </li> 
 
</ol>

私がクリックされた要素の親（LI）の後以降、「親」のテキストを持つ要素がたにすべての要素をクリックした場合ので、私の抜粋です開始点は削除する必要があります。任意のヘルプ、アイデア、手がかり、提案、推奨してください？

Answer 1

あなたはセレクタ"li"と.parent()、.nextAll()を使用することができ、

$(document).ready(function(){ 
 
    $(".breadcrumb li a").click(function(){ 
 
     $(this).parent().nextAll("li").remove() 
 
    }); 
 
});

.breadcrumb,.breadcrumb li{list-style:none;} 
 
.breadcrumb li{float:left;margin:3px;} 
 
.breadcrumb li a{text-decoration:none;outline:none;} 
 
.breadcrumb li:not(:first-child):before{content:'/';}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<ol class="breadcrumb"> 
 
    <li> 
 
    <a href="#" class="active parent" data-folder="1f">parent</a> 
 
    </li> 
 
    <li> 
 
    <a href="#" class="active" data-folder="1f-f1">parent sub 1</a> 
 
    </li> 
 
    <li> 
 
    <a href="#" class="active" data-folder="1f-f2">parent sub 2</a> 
 
    </li> 
 
    <li> 
 
    <a href="#" class="active" data-folder="1f-f3">parent sub 3</a> 
 
    </li> 
 
</ol>

.remove()