本文实例讲述了jQuery增加与删除table列的方法。分享给大家供大家参考，具体如下：
先来看看运行效果图：
完整代码如下：
<!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="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript"><!--
function addCol() {
$th = $("<th>增加的列头</th>");
$col = $("<td>增加的列</td>");
$("#tab1>thead>tr").append($th);
$("#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">
<thead>
<tr>
<th>
Id</th>
<th>
Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>
1</td>
<td>
叶子</td>
</tr>
<tr>
<td>
2</td>
<td>
王子</td>
</tr>
</tbody>
</table>
</body>
</html>
希望本文所述对大家jQuery程序设计有所帮助。
- php读取csv文件并输出的方法
- php查询mysql数据库并将结果保存到数组的方法
- PHP使用mysql_fetch_object从查询结果中获取对象集的方法
- 放歌行
- 奉和陈阁老寒食初假当直，从东……
- 奉和鄜州刘大夫麦秋出师遮虏有怀中……
- 感寓
- 奉送韦起居老舅百口假满归嵩阳旧居
- 奉和韦曲庄言怀，贻东曲外族诸弟
- PHP使用mysql_fetch_row查询获得数据行列表的方法
- 奉和于司空二十五丈新卜城南郊居接……
- P使用strtotime计算两个给定日期之间天数的方法
- PHP使用mysql_fetch_row查询获得数据行列表的方法
- P使用strtotime计算两个给定日期之间天数的方法
- PHP使用array_fill定义多维数组的方法
- php访问数组最后一个元素的函数end()用法
- php实现兼容2038年后Unix时间戳转换函数
- 和李中丞慈恩寺清上人院牡丹花歌
- php通过array_merge()函数合并两个数组的方法
- php通过array_merge()函数合并关联和非关联数组的方法
- 和韩侍御白发
- php通过array_push()函数添加多个变量到数组末尾的方法
- 过隐者湖上所居
- 故太尉兼中书令赠太师西平王挽词
- 古人名诗
- exalted
- exalted position
- exalting
- exam
- examination
- examination board
- examination-board
- examination-in-chief
- examination-in-chief
- examination of evidence
- 消减
- 消化
- 消化系统
- 消匿
- 消去
- 消受
- 消场
- 消声匿影
- 消声匿迹
- 消夏
- 2019年浙江台州市文化和广电旅游体育局编外工作人员公告
- 中山市公路局2019年招聘事业单位高层次人才公告
- 2019年江苏常熟市司法局社区矫正司法助理招聘简章
- 2019年浙江温州市公安局鹿城区分局招聘警务辅助人员启事
- 广州市天河区元岗街2019年第七次招聘公告
- 2019年度襄阳市文学艺术界联合会所属事业单位招聘工作人员资格复审公告
- 2019年度襄阳汽车职业技术学院招聘工作人员资格复审公告
- 2019年度襄阳市科学技术局所属事业单位招聘工作人员资格复审公告
- 2019年国家统计局武汉调查队招聘统计调查协理员面试公告
- 2019年玉溪市红塔区保安招聘公告