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

使用jquery从html中删除表行

1 个答案: