empty tbody on click

Question

新しい行をクリックするとtbodyの中のすべての行を空にしようとしています。

$('#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); 
     } 
    }); 
}); 

私のテーブルのマークアップは単純です：私はpro_basketに存在するが$('#pro_basket > tbody').empty();が本当に役立っていない行を空にしたい

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

これは私が使用していたJavaScriptです。

Answer 1

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

HTML（）メソッドは、tbodyの中のすべてのexisitng要素に

に置き換えられますあなたの後の（）メソッドを使用すると、