如何用js删除表格一行或者多行

JavaScript09

如何用js删除表格一行或者多行,第1张

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写基础代码。

2、在index.html中的<script>标签,输入js代码:$('table tr').eq(1).remove()$('table tr').eq(1).remove()。

3、浏览器运行index.html页面,此时发现表格的最后2行都被js删除了。

点击删除按钮时调用js,将该条记录的ID作为传入参数,js中调用表单提交。

例如表单为。

<form id="del"><input type="hidden" id="orderId" name="orderId"></form>

js中的操作为。

document.getElementById("orderId").value=1//1为你传入的预约单号的ID

document.getElementById("del").submit()

后台的操作为。

String deleteId=(String)request.getParameter("orderId")

//然后是调用sql语句,根据deleteId去删除该记录。

$("#ffw").click(function(){

$("#ddd tr:last-child").remove()

})

利用jquery就很简单了,记得把tr的id='tt'去掉 这个是从最后一行开始删除 要从第一个开始删除就first-child