<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>
相关推荐
追加tr和删除tr在使用中还是比较广泛,下面为大家介绍下jquery中时如何实现的,感兴趣的朋友可以参考下,希望对大家有所帮助
主要介绍了jquery动态添加删除(tr/td)的方法,需要的朋友可以参考下
主要介绍了jQuery实现动态添加、删除按钮及input输入框的方法,涉及jQuery事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下
jquery bootstrap自定义添加删除选项卡代码
id为tr的ID 设置当前选择行背景色,同时置其他行背景为另一种颜色 代码如下:$(‘#id’).css(“background-color”, “#e5e5e5”).siblings().css(“background-color”, “#FFFFFF”);
能够自定义tr的位置,便于排序操作,000000000
jquery实现递归table-tr,可并记录tr对应的index,写入Array中,方便后期处理。 jquery实现递归table-tr,可并记录tr对应的index,写入Array中,方便后期处理。
jQuery自定义标签添加删除代码是一款简单实用的自定义添加标签跟删除特效。
jQuery点击tr实现checkbox选中的方法,需要的朋友可以参考一下
下面小编就为大家带来一篇Jquery元素追加和删除的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
最近由于项目的需要,需要动态的添加和删除table中的tr,感觉用JS可以实现,但是在网上找了一下,单纯的自己写JS,感觉太麻烦,而且也不好维护。于是想到了最近学的jQuery。这篇文章给大家用实例介绍了jQuery动态...
本文实例讲述了jQuery实现html table行Tr的复制、删除、计算功能。分享给大家供大家参考,具体如下: 添加行: function addtr(){ var tr = $(#tb tr).eq(0).clone(); tr.appendTo(#tb); //tr.insertBefore(#tb ...
jquery 添加删除 DIV 和 jquery 切换特效 jquery 添加删除 DIV 和 jquery 切换特效
jquery表格动态添加删除行代码是一款基于jquery实现的表格里面点击按钮后可进行自动添加删除行功能代码。
本文介绍了“JQuery操作tr和td内容的方法实例”,需要的朋友可以参考一下
实用的jquery添加删除元素,代码很简单,在这里记录下
jQuery动态添加删除编辑标签代码是一款自定义选项卡,添加选项卡,删除选项卡,编辑选项卡内容等。 jQuery动态添加删除编辑标签代码截图
NULL 博文链接:https://carey-pro.iteye.com/blog/1451881