单击上的空tbody

Question

我试图在点击新行时清空tbody内的所有行。这是我正在使用的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>

我想清空pro_basket中存在的行，但$('#pro_basket > tbody').empty();并没有真正帮助。

Answer 1

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

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

你的after（）方法会在tbody之后将新行放入表中，这可能不是你想要的