增加、删除表格
来源:互联网 发布:cmd查看本机mac 编辑:程序博客网 时间:2024/06/05 00:32
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>表格</title> <script src="jquery-3.2.1.min.js"></script> <style type="text/css" rel="stylesheet"> table,th,td{ border:1px solid lightblue;border-collapse: collapse; } table{width:900px;} td{width:300px;text-align: center} </style></head><body><table class="table"> <thead> <tr> <td>用户名</td> <td>密码</td> <td>方法</td> </tr> </thead> <tbody> </tbody></table><button class="add">增加</button></body><script> //添加行 $(".add").click(function(){ var rowTem = '<tr class="row">' + '<td><input type="text"/></td>' + '<td><input type="text"/></td>' + '<td><a href="javascript:void(0)" class="del">删除</a></td>' + '</tr>'; var len = $("tbody tr").length; console.log(len) if (len < 5) { $(".table tbody").append(rowTem); } else { alert("最多只能写5行"); } }); //删除行 $(document).on('click','.del',function(){ $(this).closest(".row").remove(); })</script></html>
阅读全文
0 0
- 表格动态增加删除
- 表格增加,删除,修改
- 增加、删除表格
- 表格自动增加删除行
- Javascript 增加、删除表格行
- 动态增加删除表格行
- Javascript实现动态增加、删除表格域
- javascript动态增加、删除、填充表格内容
- javascript动态增加、删除、填充表格内容
- javascript动态增加、删除、填充表格内容
- javascript动态增加、删除、填充表格内容
- 使用Javascript动态增加,删除表格
- 使用Javascript动态增加,删除表格
- 动态增加,删除表格中的行
- javascript实例教程:动态增加、删除表格
- html表格中自动增加删除
- 增加 删除 tabel 表格 行 列 insertRow()
- javascript 自动增加,删除 多张 表格
- ajaxUpload异步上传文件成功,前端获取数据却失败的解决方案
- just a few learning document
- android的SpannableString用法介绍
- Python学习笔记--基础篇6
- jstl中的forEach
- 增加、删除表格
- seajs简单入门案例
- Linux网络笔记二(UDP Socket 编程)
- 汇编语言浮点指令
- SEO优化篇——meta用法
- 【java基础】07.GUI:AWT
- 数据库设计(一)树型关系的数据表
- 让你对硬件资源使用情况一目了然——推荐一个跨平台的命令行监控工具Glances
- Json-lib使用问题