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部署前端頁面與加速靜態資源
- • 再有人問你分佈式事務，把這篇扔給他
-
每一个你不满意的现在，都有一个你没有努力的曾经。