jquery 追加tr和删除tr 编辑

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值