使用jQuery删除任何表行

Question

我遇到了使用jQuery删除表行的挑战。我在stackoverflow上找到的类似问题或者如何动态添加或删除行的示例似乎都使用live而不是click方法，前者现在已弃用而不是click。同样，其他示例不解决删除选择删除的行，通常选择最后一行。

我已设置jsfiddle。如果我点击Del Row添加一行后，没有任何反应。如果可能的挑战来自包含删除按钮的表行动态添加到DOM？以下是我需要帮助的代码块：

$('.delrow').click(function(){
    var tr = $(this).closest('tr');
    console.log($tr);
    $tr.remove();
    var $id = $id-2;
});

Answer 1

使用event delegation，变量为tr而不是$tr

 $(document).on('click','.delrow',function(){
    var tr = $(this).closest('tr');
    console.log(tr);
      tr.remove();
    var $id = $id-2;
  });

Working Demo