javascriptを使用してテーブルから行を削除する

Question

JavaScriptを使用していくつかの行を追加するために使用しています。私はそれを使用して達成することができました：

$('#order_basket > tbody:last').append('<tr><td><b>'+Book+ 
      '</td><td>'+Type+'</td><td>'+'<span onclick="removeRow()"'+ 
      'class="label label-important">Remove</span></td></tr>');  
     return false; 
}); 

今私はまた、JavaScriptを使用してその行を削除することができますしたい。可能なコードでは、私は選択された行を削除するために使用されている私のjavascriptの別の関数を呼び出すRemoveという名前のラベルがあります。しかし、私はそれを達成することができません。私は、行を削除するために使用していたコードは次のとおりです。

function removeRow() { 
    $(this).parent().remove(); 
    return false; 
} 

任意の助けが理解されるであろう！

Answer 1

あなたは次のようonclickイベント内thisに合格する必要がありますすることができます、代わりにHTMLを経由して属性としてイベントを渡すの

function removeRow(row) { 
    $(row).closest('tr').remove(); 
} 

：

'<span onclick="removeRow(this)"' 

をとに機能を変更します

 $('#order_basket > tbody:last').append('<tr><td><b>' + Book + 
      '</td><td>'+Type+'</td><td>'+'<span'+ 
      'class="label label-important remove">Remove</span></td></tr>');  
     return false; 
}); 

$('#order_basket > tbody:last').on('click', 'span.remove', function() { 
    $(this).closest('tr').remove(); 
});