宝哥软件园

jQuery增加与删除桌子列的方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-17

本文实例讲述了jQuery增加与删除桌子列的方法。分享给大家供大家参考,具体如下:

先来看看运行效果图:

完整代码如下:

!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title/title script src=' http : jquery-1。4 .2 .量滴js ' type=' text/JavaScript '/script script type='-函数addCol() { $th=$('th增加的列头/th ');$col=$('td增加的列/TD ');$(“# tab 1 head tr”).追加($ th);$('#tab1tbodytr ').追加($ col);}函数delCol() { //移除最后一列$('#tab1 tr :last-child ').移除();//移除第一列//$('#tab1 tr :first-child ').移除();//移除指定的列,注:这种索引从一开始//$(' # tab 1 tr : th-child(2)').移除();//移除第一列之外的列//$(' # tab 1 tr : not(: th-child(1))').移除();}/////script/head dyinput id=' button 1 ' type=' button ' onclick=' addCol()' value='增加列/input id=' button 2 ' type=' button ' onclick=' DelCol()' value='减少列/table id='tab1 '边框='1 '样式=' width: 200px '第一个名字第一个身体第一个身体第一个身体叶子td /tr王子/td /tr /tbody /table/body/html更多关于jQuery相关内容感兴趣的读者可查看本站专题: 《jQuery拖拽特效与技巧总结》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 、 《jquery选择器用法总结》 及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

更多资讯
游戏推荐
更多+