首先在列表中删除仅适用于第一次

Question

我有一个结果列表，我想按下这样的按钮点击最新的结果：

//clear most recent
$('#clear-most-recent').on('click', function () {
  $('#output').children().first().hide(800).done().remove();
});

但它只在第一次有效。错误是uncaught TypeError, ...is not a function。我猜每个后续调用都试图访问现在删除的元素。

1. 因此，处理程序功能不会被删除并为每次调用重新创建，对吗？
2. 如何让jquery设置每次都更新其'内容？

链接到jsbin上的项目（被警告，它的丑陋）： https://jsbin.com/lodobaj/edit?html,output

Answer 1

使用回调功能删除：

$('#clear-most-recent').on('click', function () {
   $('#output').children().first().hide(800, function(){
     $(this).remove();
   });
});