你需要给 closest
功能选择器。尝试这个:
$('.btnClass').click(function() {
$(this).closest('tr').remove();
});
另外,您的HTML无效 th
应该是一个孩子 tr
:
<table class='tableClass'>
<tbody>
<tr>
<th>Text</th>
<th>Text</th>
<th>Text</th>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>
<button type='button' class='btnClass'>Delete</button>
</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>
<button type='button' class='btnClass'>Delete</button>
</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>
<button type='button' class='btnClass'>Delete</button>
</td>
</tr>
</tbody>
</table>