<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <style> </style> </head> <body> <div id="timeCont"></div> <div class="row " id="addtimebtn"> <div class="col-md-12 col-sm-12 col-xs-12"> <div id="fatBtn" style="">新增</div> </div> </div> </body> <script> /* 新增检测时间 */ $("#fatBtn").click(function() { var htm = ""; htm += " <div class='form-group'>"; htm += "<label class='col-md-4 col-sm-4 col-xs-4 control-label'>巡更时间<em style='color: red;'>*</em></label>"; htm += "<div class='col-md-8 col-sm-8 col-xs-8'>"; htm += "<input type='text' class='form-control beginTime' name='stime' value='09:00'></input>"; htm += "<input type='text' class='form-control endTime' name='etime' value='17:00'></input><span class='dateDel'>删除</span></div></div>"; $('#timeCont').append(htm); /* 删除时间 */ $(".dateDel").on("click", function() { $(this).closest('.form-group').remove(); }) }); </script> </html>
jQuery动态增加一行元素和删除一行元素
2023-11-17
22
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
jQuery动态增加一行元素和删除一行元素
目录
相关文章
|
1月前
|
JavaScript
前端开发
|
1月前
|
前端开发
JavaScript
|
10天前
|
JavaScript
前端开发
安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
18
5
5
|
17天前
|
JavaScript
|
12天前
|
JavaScript
前端开发
|
16天前
|
前端开发
JavaScript
|
1月前
|
移动开发
JavaScript
前端开发
|
1月前
|
存储
移动开发
JavaScript
|
1月前
|
JavaScript
|
1月前
|
JavaScript
前端开发
热门文章
最新文章
1
用JQUERY为INPUT的TXT类型赋值及取值操作
2
14 个使用 jQuery 开发的模拟、数字时钟
3
jQuery插件之Select选择框
4
jQuery中的选择器及筛选器
5
JQuery入门(6)
6
jQuery打造智能提示插件
7
JQuery中bind和unbind函数
8
《JavaScript和jQuery实战手册（原书第2版）》——2.8节数组
9
jQuery选择器总结
10
jquery 遍历取值问题
1
jquery选择器有哪些
17
2
jquery的一些方法
12
3
【Web 前端】jQuery 里的 each() 是什么函数？你是如何使用它的？
42
4
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
29
5
【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片？
69
6
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同？
57
7
【Web 前端】jQuery 库中的 $() 是什么？
65
8
jquery获取子元素的一些方法
24
9
JQuery的定义
9
10
jQuery遍历节点的方法
16