无法删除动态添加的元素

Question

<div class='crumb'>home</div>
<div class='crumb'>sky</div>
<div class='crumb'>sea</div>

sky和sea是使用jQuery＆＃39; appendTo函数动态添加的。

现在我要移除所有crumbs以上的所有sky 例如：点击sea，我希望$(document).on('click', '.crumb', function() { var i = $(this).index(".crumb"); $(".crumb:gt(i)").remove(); }); 被删除。

public class AuroraTransaction
{
    ....
    public DateTime Date { get; }
    ....
}

什么都没有删除！

Answer 1

$(this).nextAll().remove();

获取其后的所有元素并将其删除

Answer 2

$(document).on('click', '.crumb', function() {
   var i = $(this).index(".crumb");
   $(".crumb:gt("+i+")").remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='crumb'>home</div>
<div class='crumb'>sky</div>
<div class='crumb'>sea</div>

Answer 3

试试此代码

＆＃13;

＆＃13;

"abc"

＆＃13;

$(document).on('click', '.crumb', function() {
   $(this).nextAll().remove();
});

＆＃13;

＆＃13;

＆＃13;