我有一个 HTML 表格,其中有一个 TH 行和几个动态添加的 TR。 每个 TR 在最后一列都有一个按钮。
我需要什么才能通过单击按钮将最接近的 TR 从表中删除?
我尝试使用 $(this).closest.remove()
但这不起作用,所以我假设我需要在此处添加 ID 或其他内容。
基本示例表如下所示:
<table class='tableClass'>
<tbody>
<th>
<td>Text</td><td>Text</td><td>Text</td>
</th>
<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>
最佳答案
您需要为最接近的
函数提供一个选择器。试试这个:
$('.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>
关于jQuery:点击按钮删除最接近的对象需要什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19835093/