1

我有这个基本的html：

<table class="myClass">
    <tbody>
        <tr><td>content</td></tr>
        <tr><td>content</td></tr>
        <tr><td>content</td></tr>
        <tr><td>content</td></tr>
    </tbody>
</table>

我想在单击按钮时删除所有“tr”。我试过以下没有运气。这里的适当语法是什么？

$('.myClass tr').each().remove();
$('.myClass tbody tr').each().remove();
$('.myClass tbody').each().remove(tr);
4

3 回答 3

5

您可以为 tr 集调用.remove()

$('.myClass tr').remove();

您的代码失败是因为.each()需要一个函数作为参数，因为它没有被传递，所以它将失败并出现错误Uncaught TypeError: Cannot call method 'call' of undefined，因此其余的操作将不会被执行

于 2013-11-01T14:03:21.090 回答
1

你不需要其他任何东西。只需使用

$('.myClass tr').remove();
于 2013-11-01T14:04:08.773 回答
1

利用

$('tr').bind('click',function(){
  $(this).remove();
});

这将删除点击事件的每一行。但是，如果您想在单击一次按钮时删除所有行，那么您应该使用-

$('.myClass tr').remove();
于 2013-11-01T14:04:18.997 回答