JQuery删除指定行
要使用jQuery删除指定的行,你可以使用.remove()
方法。这里有一个简单的例子,演示如何删除表格中特定行的内容:
假设你有一个表格,每行有一个按钮,点击这个按钮可以删除对应的行:
<table id="myTable">
<tr>
<td>Row 1</td>
<td><button class="deleteRowBtn">Delete</button></td>
</tr>
<tr>
<td>Row 2</td>
<td><button class="deleteRowBtn">Delete</button></td>
</tr>
<!-- 更多行... -->
</table>
使用以下jQuery代码来删除行:
$(document).ready(function(){
$('#myTable').on('click', '.deleteRowBtn', function(){
$(this).closest('tr').remove(); // 删除包含按钮的那一行
});
});
在这段代码中,当按钮被点击时,.closest('tr')
会找到最近的祖先<tr>
元素,然后.remove()
方法会将其从DOM中移除。
评论已关闭