JQ 对于table的动态增减

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><table id="t1" border="1"><tr><th>学号</th><th>姓名</th></tr><tr id="2119170006"><td>2119170006</td><td>戴威</td></tr>  <tr id="2119170001"><td>2119170001</td><td>卜晓宇</td></tr><tr id="2119170002"><td>2119170002</td><td>陈澳</td></tr>   <tr id="2119170013"><td>2119170013</td><td>杜鑫泽</td></tr> </table>输入要添加的学号：<input type="text" id="getStuID" />输入要添加的姓名：<input type="text" id="getStuName" /><button id="add">添加</button><br>输入要删除的学号：<input type="text" id="delStuID" /><button id="del">删除</button></body>
</html><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>$(document).ready(function(){$("#add").click(function(){var stuid=$("#getStuID").val();var stuname=$("#getStuName").val();$("#t1").append('<tr id="'+stuid+'"><td>'+stuid+'</td><td>'+stuname+'</td></tr>');});$("#del").click(function(){var stuid=$("#delStuID").val();$("#"+stuid).remove();});});
</script>

JQ 对于table的动态增减相关推荐

jquery实现输入框动态增减
2019独角兽企业重金招聘Python工程师标准>>> 主要功能是动态增减输入框,而且支持对各个输入框的检测. 每个输入框在输入内容后,对其进行错误提示最后通过字符串拼接,将所有的 ...
html表格中添加修改和删除链接,jQuery实现为table表格动态添加或删除tr功能示例...
本文实例讲述了jQuery实现为table表格动态添加或删除tr功能.分享给大家供大家参考,具体如下: HTML页面元素如下: 订单合同号捆包号品名规格材质重量业务需求是,从后台获取到订单 ...
jquery网页刷新后控件失效_jquery动态增减控件如何才能不刷新页面
已结贴√ 问题点数:20 回复次数:9 jquery动态增减控件如何才能不刷新页面用jquery动态管理控件,可是每一次增减控件都会刷新页面,然后控件里面原来输入的值就都不在了,可以怎么来实现在动态 ...
vue获取table一列数据_VUE table表格动态添加一列数据,新增的这些数据不可以编辑（v-model绑定的数据不能实时更新）...
一.问题用elementUi横着增加一行数据没毛病,可以操作添加一列,这新增的这一列, 第一次去赋值的时候值是改了, 但没生效点击下一行时值就变过来二.原因横向添加是复制上面的某一条数据 ...
element table v-for动态隐藏列
element table v-for动态隐藏列这个动态列是我项目中觉得比较好玩的一个功能,他列表不固定,后端数据库表也不固定,其实还有个高级筛选,这两个是配套使用的, <el-tablere ...
antv/G6使用记录，vue组件实现节点、边的动态增减、右键事件等功能
antv/G6使用记录,vue组件实现节点.边的动态增减.右键事件等功能基本展示功能点: 特性: ==完整代码== ==示例数据== 补充说明: 基本展示 antv/G6是蚂蚁金服数据可视化团队 ...
ant里面table嵌套子表格_ElementUI el-table行内编辑验证，动态增减行
通过el-from验证动态表格的行内输入 eltable动态增加行或者删除行只需要控制对应的数组就可以实现,行内的验证可以使用el-form的表单验证,直接上代码: el-form嵌套table f ...
jquery实现输入框动态增减的实例代码
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition ...
table中动态删除当前行
有时候我们需要动态的删除table的当前行,实现方法很多中,并不唯一,需要引入jQuery相关依赖才能使用. 2.JS代码 <script type="text/javascript& ...
html表格新插入一列,VUE table表格动态添加一列数据,新增的这些数据不可以编辑（v-...
一.问题用elementUi横着增加一行数据没毛病,可以操作添加一列,这新增的这一列, 第一次去赋值的时候值是改了, 但没生效点击下一行时值就变过来二.原因横向添加是复制上面的某一条数据来的 ...

JQ 对于table的动态增减

JQ 对于table的动态增减相关推荐

最新文章

热门文章