无法删除动态添加的元素

Question

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

sky并sea使用jQuery的appendTo函数动态添加.

现在我要删除所有crumbs大于然后单击的大小.
例如:sky点击,我希望sea被删除.

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

什么都没有删除!

Answer 1

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

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