jquery 追加tr和删除tr 编辑

港控/mmm° 2022-01-16 04:47 293阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

<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>

转载于:https://my.oschina.net/bluesroot/blog/222459

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220114/91fc9fea7aae4582a819b65153f338d7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，293人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery实现jsp中的table中行tr的增加和删除

本文实例为大家分享了使用jquery实现jsp中的table中行tr的增加和删除。 1.jsp页面代码如下（示例）： <input class="u-btn

小鱼儿/ 2023年10月05日 21:47/ 0 赞/ 14 阅读

相关 linux tr

通过使用 tr，您可以非常容易地实现 sed 的许多最基本功能。您可以将 tr 看作为 sed 的（极其）简化的变体：它可以用一个字符来替换另一个字符，或者可以完全除去一些

ゞ浴缸里的玫瑰/ 2022年09月25日 06:25/ 0 赞/ 152 阅读

相关 tr命令

tr命令基本用法格式： tr \[OPTION\] … SET1 \[SET2\] 功能：转换或删除字符描述： tr 指令从标准输入设备读取数据，经过字

àì夳堔傛蜴生んèń/ 2022年09月23日 08:42/ 0 赞/ 168 阅读

相关 tr()函数

函数tr()简单了解用tr的有两类人： (1)因为发现中文老出问题，然后搜索，发现很多人用tr，于是他也开始用tr (2)另一类人，确实是出于国际化的需要，将需要在

妖狐艹你老母/ 2022年07月16日 04:45/ 0 赞/ 169 阅读

相关 tr

通过使用 tr，您可以非常容易地实现 sed 的许多最基本功能。您可以将 tr 看作为 sed 的（极其）简化的变体：它可以用一个字符来替换另一个字符，或者可以完全除去一些字符

妖狐艹你老母/ 2022年06月14日 05:58/ 0 赞/ 216 阅读

相关 js在table中添加tr，删除最后一个tr

function addTable(){ var oTab = document.getElementById('tables'); v

本是古典何须时尚/ 2022年05月13日 07:12/ 0 赞/ 419 阅读

相关 jquery 追加tr和删除tr 编辑

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] <script type="text/javas

港控/mmm°/ 2022年01月16日 04:47/ 0 赞/ 294 阅读

相关 Jquery元素追加和删除

介绍 DOM是Document Object Modeule的缩写，一般来说，DOM操作分成3个方面。 1、DOM Core DOM Core并不专属于javasc

ゞ浴缸里的玫瑰/ 2022年01月07日 00:41/ 0 赞/ 330 阅读

相关 Javascript 删除tr 元素

Javascript function delete1(obj){ var tr=obj.parentNode.parentNode;

Myth丶恋晨/ 2022年01月06日 18:45/ 0 赞/ 386 阅读

相关 js练习------表格的增加tr删除tr（2）

（1）的方法太麻烦了所以可以直接用 innerHTML的方法来创建一个tr ![1451961-20180728110559068-212439299.png][]

Dear 丶/ 2021年09月20日 13:10/ 0 赞/ 332 阅读