Javascript 单击即可清空t车身

我试图在单击新行时清空

t正文

中的所有行。这是我正在使用的javascript：

$('#pro tr').click(function() {
    $('#pro_basket > tbody').empty();
        $.ajax({
            type: "post", url: "data.php", data: "index="+index,
            success: function(data) {
            $('#pro_basket > tbody').after(data);
        }
    });
});

我的表标记很简单：

<table id='pro_basket'>
   <thead>
       <th>Column 1</th>
       <th>Column 2</th>
   </thead>
   <tbody>
   </tbody>
</table>

第1栏
第2栏

我想清空pro#u basket中存在但

$（'#pro#u basket>tbody'）的行。empty（）没有真正的帮助

$('#pro_basket > tbody').html(data);

方法将替换tbody中的所有现有元素

after（）方法将在tbody后面的表中放入新行，这可能不是您想要的
是否有错误？你试过你的代码吗？你的问题是什么？我无法使用“$”（“#pro_basket>tbody”）清空所有行。empty（）；”。这就是我想在每次点击中实现的目标。您是否也可以添加纯javascript