这篇博客介绍了如何使用jQuery实现HTML表格的动态操作，包括在表格最后一行之后新增一行数据，以及删除表格中的一条数据。通过示例代码演示了如何复制表格内部内容进行新增。
<html>
<head>
<title>添加、删除一行</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script type="text/javascript">
$(function() {
$("#addOneRow").click(function() {
var tempTr = $("tr:first").clone(true);
// $("tr:last > td > .address").val("");//新添加行address为空
});
<head>
<title>添加、删除一行</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script type="text/javascript">
$(function() {
$("#addOneRow").click(function() {
var tempTr = $("tr:first").clone(true);
$("tr:last").after(tempTr);
//是否复制表格内部的内容；
// $("tr:last > td > .name").val("");//新添加行name为空// $("tr:last > td > .address").val("");//新添加行address为空
});
最低0.47元/天 解锁文章
扫一扫
11万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
