javascript - 使用jquery从html中删除表格行

Question

我想使用 jQuery 从表中删除一行。这是 HTML:

<tr>
    <td><center><a id="remove" href="#"><span class="glyphicon glyphicon-remove"></span></a></center></td>
</tr>

我的 jquery 脚本:

$('td a').on('click',function(e){
//delete code.
e.preventDefault();
$(this).parent().remove();

});

当我点击链接时，什么也没有发生。有人可以帮助我吗？

Answer 1

您需要将代码包装在 $(document).ready 中在结束正文元素 ( </body> ) 之前调用或移动它到页面末尾。如果您在文档头部执行该代码，那么您正在针对尚不存在的元素运行它。

此外，如果您想删除父行，请使用 $(this).closest('tr')而不是$(this).parent()因为这会选择非标准 <center>元素。

$(document).ready(function() {
  $('td a').on('click', function(e) {
    //delete code.
    e.preventDefault();
    $(this).closest('tr').remove();
  });
});

<强> jsFiddle example