单击表格行删除按钮后删除表格行

解决方案可以使用 jQuery 或纯 JavaScript。

我想在用户单击表行单元格中包含的相应按钮后删除表行，例如：

<script>
function SomeDeleteRowFunction() {
 //no clue what to put here?
}
</script>

<table>
   <tr>
       <td><input type="button" value="Delete Row" onclick="SomeDeleteRowFunction()"></td>
   </tr>
   <tr>
       <td><input type="button" value="Delete Row" onclick="SomeDeleteRowFunction()"></td>
   </tr>
   <tr>
       <td><input type="button" value="Delete Row" onclick="SomeDeleteRowFunction()"></td>
   </tr>
</table>

你可以使用 jQueryclick而不是使用onclick属性，请尝试以下操作：

$('table').on('click', 'input[type="button"]', function(e){
   $(this).closest('tr').remove()
})

Demo http://jsfiddle.net/7zWB5/1/