如何调用表的所有tr的相同动作?

时间:2013-11-01 14:02:39

标签: jquery

我有这个基本的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);

3 个答案:

答案 0 :(得分:5)

您只需拨打.remove()获取tr集

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

您的代码失败,因为.each()期望一个函数作为参数,因为它没有被传递,它将失败并返回错误Uncaught TypeError: Cannot call method 'call' of undefined,因此其余的操作将不会被执行

答案 1 :(得分:1)

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

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

答案 2 :(得分:1)

使用

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

这将删除点击事件的每一行。但是如果你想删除单按钮上的所有行,你应该使用 -

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