js如何删除指定行？
表格内有一列删除按钮，点击删除行，但是我不想用行号的方式删除，请问如何实现？鼠标点击哪一行的删除按钮就删除哪一行，没有次序的删除，如果用索引号的话，次序意乱就不好用了，请...
表格内有一列删除按钮，点击删除行，但是我不想用行号的方式删除，请问如何实现？
鼠标点击哪一行的删除按钮就删除哪一行，没有次序的删除，如果用索引号的话，次序意乱就不好用了，请问有其他方法吗？ 展开
鼠标点击哪一行的删除按钮就删除哪一行，没有次序的删除，如果用索引号的话，次序意乱就不好用了，请问有其他方法吗？ 展开
4个回答
展开全部
需要准备的材料分别是：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，插入需要的表格。
2、之后在index.html的<script>标签中，输入代码：$('button').click(function () {$(this).parent().parent().remove();});。
3、浏览器运行index.html页面，点击第1行的删除按钮，确实删除了第1行，并且代码不是以行号的形式。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1、在行生成时候将方法绑定在行中如：onclick="delete(行号);
<!DOCTYPE html>
<html>
<head>
<script>
function deleteRow(r)
{
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('myTable').deleteRow(i);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row 1</td>
<td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
<tr>
<td>Row 2</td>
<td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
<tr>
<td>Row 3</td>
<td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
传参数，onclick=“delete（this）”这类的，或者在动态生成的时候把前面要删除的列的ID一起生成传进来。onc=“delet（ID）”。没有代码，只有提供方案了。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
需要准备的材料分别是：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充需要的表格。
2、在index.html的<script>标签中，输入js代码：$('button').click(function () {$(this).parent().parent().remove();});。
3、浏览器运行index.html页面，此时点击第1行的删除按钮，第1行确实被删除了，而且代码不是以行号的方式。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
