JQuery动态给table添加、删除行
<html>
<head>
<SCRIPT language=JavaScript src="jquery.js" mce_src="jquery.js"></SCRIPT>
<SCRIPT language=JavaScript>
$("document").ready(function(){
//第六个表格的删除按钮事件绑定
$("#tbody6 .del").click(function() {
$(this).parents(".repeat").remove();
});
//第六个表格的添加按钮事件绑定
$("#add6").click(function(){
// $("#tbody6>.template")
//连同事件一块儿复制
// .clone(true)
//去除模板标记
// .removeClass("template")
//修改内部元素
/// .find(".content")
// .text("新增行")
// .end()
// .find(".del")
// .text("删除")
// .end()
//插入表格
// .appendTo($("#tbody6"))
$("#table6").append("<tr><td>33</td><td>44</td></tr>");
});
}
)
</script>
</head>
<body>
<table border=1 id="table6">
<tbody id="tbody6">
<tr class="template repeat">
<td class="content">这里是模板 by yanleigs Email:landgis@126.com</td>
<td><button class="del">模板,不要删除</button></td>
</tr>
<tr class="repeat">
<td class="content">这行原来就有</td>
<td><button class="del">删除</button></td>
</tr>
<tr class="repeat">
<td class="content">这行原来就有</td>
<td><button class="del">删除</button></td>
</tr>
</tbody>
<tfoot>
<tr>
<td> </td>
<td><button id="add6">添加</button></td>
</tr>
</tfoot>
</table>
</body>
</html> html
- 1. jQuery动态添加Table行
- 2. Jquery table 添加行 删除行
- 3. 利用jquery给指定的table动态添加一行、删除一行
- 4. jquery给table添加行
- 5. jQuery小案例之给表格动态添加或删除行
- 6. 动态添加table,复选框 删除
- 7. Jquery 动态为table添加行
- 8. jQuery动态添加删除CSS样式
- 9. jquery动态添加和删除表单
- 10. 动态增加删除Table中的行
- 更多相关文章...
- • SQLite 删除表 - SQLite教程
- • Eclipse 添加书签 - Eclipse 教程
- • 使用阿里云OSS+CDN部署前端页面与加速静态资源
- • 再有人问你分布式事务，把这篇扔给他
-
每一个你不满意的现在，都有一个你没有努力的曾经。