點擊空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所有exisitng元素

你（）方法之後會把新行插入表中的TBODY這是不太可能你想要什麼