JQuery动态给table添加、删除行

冷不防 2022-10-02 00:59 235阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

<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>

转载于:https://my.oschina.net/wuyizhong/blog/78967

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/b117ae34ab8a435984dde3688802bafd.png

发表评论取消回复

表情：

评论列表（有 0 条评论，235人围观）

还没有评论，来说两句吧...

相关阅读

相关 JQuery动态给table添加、删除行

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] <html> <head> <SCRIPT la

冷不防/ 2022年10月02日 00:59/ 0 赞/ 236 阅读

相关 jQuery克隆添加删除行

[下载地址][Link 1]jQuery委派事件代码，如何使新增事件实现效果 ![1631561371.png][] dd: [Link 1]: https://yy1

深藏阁楼爱情的钟/ 2022年09月11日 13:24/ 0 赞/ 215 阅读

相关 jquery动态添加、删除class样式

1.获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class： var p_class = $("p").

叁歲伎倆/ 2022年08月03日 15:53/ 0 赞/ 239 阅读

相关 JavaScript动态添加/删除表格行

> 跟着廖雪峰的 [JS教程][JS] 初步学习了一下JavaScript，看到 DOM操作部分的时候，想着找个小例子实践，恰好项目页面对表格的操作较多，需要解决简单的 ta

刺骨的言语ヽ痛彻心扉/ 2022年07月13日 00:25/ 0 赞/ 404 阅读

相关 jquery 动态给table赋值

html 请忽视各种class，因为前端用的是layui <table class="layui-table" lay-skin="line" id="data

红太狼/ 2022年06月17日 10:55/ 0 赞/ 481 阅读

相关 jQuery 实现添加行与删除行

相关js function AddRow(){ var vTb=$("addUserTable");//得到表格ID=TbData的jquery对象

快来打我*/ 2022年06月12日 06:41/ 0 赞/ 251 阅读

相关超级简单Table表格添加,删除行

原文出处：[https://blog.csdn.net/love\_xiolan/article/details/52241100 （原文更易阅读）][https_blog.c

Myth丶恋晨/ 2022年05月19日 00:24/ 0 赞/ 281 阅读

相关 jquery之table：给table动态增加行、清空table

比如设置table的id为tab var trHTML = "<tr><td>...</td></tr>" $("\tab").append(trHTML);//在tabl

缺乏、安全感/ 2021年11月22日 13:18/ 0 赞/ 429 阅读

相关 jquery动态添加表格行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

淡淡的烟草味﹌/ 2021年06月24日 13:59/ 0 赞/ 595 阅读

相关 jQuery动态添加删除CSS样式？

jQuery动态追加和移除CSS样式，有两个CSS样式操作方法，一个是追加样式addClass，一个是移除样式removeClass，下面通过一个实例讲解用法。

小灰灰/ 2020年04月21日 07:15/ 0 赞/ 1013 阅读