jQuery实现html表格动态添加新行的方法


Posted in Javascript onMay 28, 2015

本文实例讲述了jQuery实现html表格动态添加新行的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Add Row example</title>
<script src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
<!-- jQuery Code will go underneath this -->
$(document).ready(function () {  
 // Code between here will only run when the document is ready
 $("a[name=addRow]").click(function() {
  // Code between here will only run 
  //when the a link is clicked and has a name of addRow
  $("table#myTable tr:last").after('<tr><td>Row 4</td></tr>');
  return false;
 });
});
</script>
</head>
<body>
<table style="width: 100%" id="myTable">
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>
<tr><td>Row 3</td></tr>
</table>
<a href="#" name="addRow">Add Row</a>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
div当滚动到页面顶部的时候固定在顶部实例代码
May 27 Javascript
JS图片无缝滚动(简单利于使用)
Jun 17 Javascript
javascript数组遍历for与for in区别详解
Dec 04 Javascript
node.js中的dns.getServers方法使用说明
Dec 08 Javascript
jquery实现仿新浪微博评论滚动效果
Aug 06 Javascript
Javascript实现代码折叠功能
Aug 25 Javascript
浅谈js数组和splice的用法
Dec 04 Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
Feb 27 Javascript
微信小程序 swiper组件构建轮播图的实例
Sep 20 Javascript
vue实现动态列表点击各行换色的方法
Sep 13 Javascript
使用js在layui中实现上传图片压缩
Jun 18 Javascript
vue+elementUI 实现内容区域高度自适应的示例
Sep 26 Javascript
jquery实现用户打分评分特效
May 28 #Javascript
用Node.js通过sitemap.xml批量抓取美女图片
May 28 #Javascript
javascript转换静态图片,增加粒子动画效果
May 28 #Javascript
jQuery实现限制textarea文本框输入字符数量的方法
May 28 #Javascript
javascript实现行拖动的方法
May 27 #Javascript
JavaScript操作Cookie方法实例分析
May 27 #Javascript
JavaScript通过事件代理高亮显示表格行的方法
May 27 #Javascript
You might like
用php过滤危险html代码的函数
2008/07/22 PHP
模板引擎smarty工作原理以及使用示例
2014/05/25 PHP
Destoon旺旺无法正常显示,点击提示“会员名不存在”的解决办法
2014/06/21 PHP
ThinkPHP3.2.2的插件控制器功能简述
2014/07/09 PHP
PHP错误机制知识汇总
2016/03/24 PHP
ThinkPHP框架下微信支付功能总结踩坑笔记
2019/04/10 PHP
JavaScript实现数字数组正序排列的方法
2015/04/06 Javascript
Vue项目中quill-editor带样式编辑器的使用方法
2017/08/08 Javascript
Express进阶之log4js实用入门指南
2018/02/10 Javascript
微信小程序日历组件使用方法详解
2018/12/29 Javascript
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
2019/05/01 Javascript
微信小程序云开发如何使用云函数生成二维码
2019/05/18 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
2019/09/24 Javascript
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
对Python 2.7 pandas 中的read_excel详解
2018/05/04 Python
python读取文件名并改名字的实例
2019/01/07 Python
Python向excel中写入数据的方法
2019/05/05 Python
python如果快速判断数字奇数偶数
2019/11/13 Python
Python dict和defaultdict使用实例解析
2020/03/12 Python
python名片管理系统开发
2020/06/18 Python
CSS3控制HTML元素动画效果
2014/02/08 HTML / CSS
有关HTML5页面在iPhoneX适配问题
2017/11/13 HTML / CSS
美国潜水装备、水肺潜水和浮潜设备商店:Leisure Pro
2018/08/08 全球购物
成人毕业生自我鉴定
2013/10/18 职场文书
2014新年寄语
2014/01/20 职场文书
幼儿园评语大全
2014/04/17 职场文书
幼儿教师师德师风演讲稿
2014/08/22 职场文书
2014新生大学四年计划书
2014/09/21 职场文书
机关党员三严三实心得体会
2014/10/13 职场文书
数学教师个人工作总结
2015/02/06 职场文书
2015年社区卫生工作总结
2015/04/21 职场文书
2015年社区党务工作总结
2015/04/21 职场文书
单位计划生育责任书
2015/05/09 职场文书
2015中学政教处工作总结
2015/07/22 职场文书
初中语文教学反思范文
2016/03/03 职场文书
为什么MySQL选择Repeatable Read作为默认隔离级别
2021/07/26 MySQL