zoukankan      html  css  js  c++  java
  • JQuery自动为表格增加一列

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
        <title></title>  
        <script  src="js/jquery-1.4.1.min.js" mce_src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
        <script type="text/javascript">
             function addCol() {  
                $col = $("<td>增加的列</td>");  
                $("#tab1>tbody>tr").append($col);  
            }  
            function delCol() {  
                //移除最后一列  
                $("#tab1 tr :last-child").remove();  
                //移除第一列  
                
    //$("#tab1 tr :first-child").remove();  
                
    //移除指定的列, 注:这种索引从1开始  
                
    //$("#tab1 tr :nth-child(2)").remove();  
                
    //移除第一列之外的列  
                
    //$("#tab1 tr :not(:nth-child(1))").remove();  
            }  
        </script>
     
    </head>  
    <body>  
        <input id="Button1" type="button" onclick="addCol()" value="增加列" />  
        <input id="Button2" type="button" onclick="delCol()" value="减少列" />  
        <table id="tab1" border="1" style=" 200px;">  

            <tbody>  
                <tr>  
                    <td> 1</td>  
                    <td> hello</td>  
                </tr>  
                <tr>  
                    <td>2</td>  
                    <td>world</td>  
                </tr>  
                <tr>  
                    <td>3</td>  
                    <td>王子饼</td>  
                </tr>
            </tbody>  
        </table>  
    </body>  
    </html>  
  • 相关阅读:
    hdu 4273 2012长春赛区网络赛 三维凸包中心到最近面距离 ***
    hdu 4272 2012长春赛区网络赛 dfs暴力 ***
    hdu 4063 福州赛区网络赛 圆 ****
    hdu 4069 福州赛区网络赛I DLC ***
    hdu 4061 福州赛区网络赛A 数学 ***
    hdu 4068 福州赛区网络赛H 排列 ***
    hdu 4070 福州赛区网络赛J 贪心 ***
    hdu 5366 组合数 *
    linux的rsync工具的常用选项及ssh同步介绍
    从U盘安装CentOS7.3教程
  • 原文地址:https://www.cnblogs.com/Snowfun/p/2360998.html
Copyright © 2011-2022 走看看