jquery 追加tr和删除tr示例代码


Posted in Javascript onSeptember 12, 2013
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
<script> 
$(function(){ 
$("#getAtr").click(function(){ 
$str=''; 
$str+="<tr align='center'>"; 
$str+="<td><input type='text' name='advTitle[]'/></td>"; 
$str+="<td><input type='file' name='img[]' /></td>"; 
$str+="<td><input type='text' name='advContent[]' /></td>"; 
$str+="<td><input type='text' name='advSource[]' /></td>"; 
$str+="<td><input type='text' name='advAuthor[]' /></td>"; 
$str+="<td><input type='text' name='advPosition[]' /></td>"; 
$str+="<td onClick='getDel(this)'><a href='#'>删除追加</a></td>"; 
$str+="</tr>"; 
$("#addTr").append($str); 
}); 
}); function getDel(k){ 
$(k).parent().remove(); 
} 
</script> 
-------------------------------------------------------------------------------- 
html部分 
<table align="center" border="1" cellpadding="0" cellspacing="0" width="100%"> 
<tr align="center"> 
<td>广告名称</td> 
<td>广告图片</td> 
<td>广告内容</td> 
<td>广告来源</td> 
<td>广告作者</td> 
<td>广告描述</td> 
<td align="center"><a href="#" id="getAtr">追加内容</a></td> 
</tr> 
<tbody id="addTr"> 
<tr align="center"> 
<td><input type="text" name="advTitle[]"/></td> 
<td><input type="file" name="img[]" /></td> 
<td><input type="text" name="advContent[]" /></td> 
<td><input type="text" name="advSource[]" /></td> 
<td><input type="text" name="advAuthor[]" /></td> 
<td><input type="text" name="advPosition[]" /></td> 
<td></td> 
</tr> 
</tbody> 
<tr align="center"> 
<td colspan="5"><input type="submit" value="全部添加" /></td> 
</tr> 
</table>
Javascript 相关文章推荐
让IE6支持min-width和max-width的方法
Jun 25 Javascript
javascript动态加载二
Aug 22 Javascript
javascript禁用键盘功能键让右击及其他键无效
Oct 09 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
May 19 Javascript
js匿名函数的调用示例(形式多种多样)
Aug 20 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
Dec 29 Javascript
Highcharts学习之数据列
Aug 03 Javascript
vue-cli项目修改文件热重载失效的解决方法
Sep 19 Javascript
vue自动路由-单页面项目(非build时构建)
Apr 30 Javascript
小程序点击图片实现png转jpg
Oct 22 Javascript
Json实现传值到后台代码实例
Jun 30 Javascript
实现只能输入数字的input不用replace方法
Sep 12 #Javascript
jQuery 三击事件实现代码
Sep 11 #Javascript
导航跟随滚动条置顶移动示例代码
Sep 11 #Javascript
查找iframe里元素的方法可传参
Sep 11 #Javascript
Jquery 的outerHeight方法使用介绍
Sep 11 #Javascript
$.get获取一个文件的内容示例代码
Sep 11 #Javascript
JQuery触发事件例如click
Sep 11 #Javascript
You might like
第十四节 命名空间 [14]
2006/10/09 PHP
php实现mysql数据库备份类
2008/03/20 PHP
解决PHP超大文件下载,断点续传下载的方法详解
2013/06/06 PHP
JS异常处理try..catch语句的作用和实例
2014/05/05 PHP
迪菲-赫尔曼密钥交换(Diffie?Hellman)算法原理和PHP实现版
2015/05/12 PHP
PHP实现QQ登录实例代码
2016/01/14 PHP
thinkPHP实现基于ajax的评论回复功能
2018/06/22 PHP
php获取用户真实IP和防刷机制的实例代码
2018/11/28 PHP
简单实用的js调试logger组件实现代码
2010/11/20 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
2011/09/10 Javascript
基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
2015/12/25 Javascript
JS正则表达式之非捕获分组用法实例分析
2016/12/28 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
2017/01/10 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
详解Vue2 SSR 缓存 Api 数据
2017/11/20 Javascript
jQuery实现使用sort方法对json数据排序的方法
2018/04/17 jQuery
Node.js模块全局安装路径配置方法
2018/05/17 Javascript
vue axios数据请求及vue中使用axios的方法
2018/09/10 Javascript
require.js 加载过程与使用方法介绍
2018/10/30 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
2020/02/03 Javascript
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
详解Python中的join()函数的用法
2015/04/07 Python
python中numpy包使用教程之数组和相关操作详解
2017/07/30 Python
Python if语句知识点用法总结
2018/06/10 Python
Python pandas用法最全整理
2019/08/04 Python
浅谈pycharm使用及设置方法
2019/09/09 Python
Pytorch之保存读取模型实例
2019/12/30 Python
详解用Python进行时间序列预测的7种方法
2020/03/13 Python
Python提取视频中图片的示例(按帧、按秒)
2020/10/22 Python
eBay加拿大站:eBay.ca
2019/06/20 全球购物
Ellesse英国官网:意大利高级运动品牌
2019/07/23 全球购物
安全施工责任书
2014/08/25 职场文书
计划生育诚信协议书
2014/11/02 职场文书
2014三年级班主任工作总结
2014/12/05 职场文书
大学生心理健康活动总结
2015/05/08 职场文书
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js