成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jQuery增加與刪除table列的方法
全站頭部文字 我要出現在這里
jQuery增加與刪除table列的方法 594 2024-03-10   

本文實例講述了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="http://www.gimoo.net/t/1903/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" border="1" style="width: 200px;">
    <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相關內容感興趣的讀者可查看本站專題:《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》

希望本文所述對大家jQuery程序設計有所幫助。



主站蜘蛛池模板: 羞羞的视频| 洞房艳谭电影| 侯怡君| 埃尔南电影| 实时| 日本尻逼| 红灯区在线观看完整版| 电视剧热播剧大全| 凯丽| 香港之夜免费观看视频完整版| 想要更多| 电影《忠爱无言》| 山东生活频道| 雪中悍刀行第一季演员表| 一生有你简谱| 麻豆视频网站免费观看| 双男动漫| 孙喆| 暴走财神1| 香蜜演员表 全部演员表| 吸痰护理ppt课件| 杨舒惠| 伊人1314| 电视剧《惊蛰》演员表| 神经内科出科个人总结| 裸体小男孩| 玛雅历险记| 法政先锋2| 职业探索怎么写| 最佳女婿 电影| 少女模特电影| 1988版绝代双骄国语免费观看| 老阿姨在等你免费播放47集电视剧完整| 南营洞| 男女男在线观看| 皮囊之下| 尸家重地演员表| 你是我的命运电影| 打男孩光屁股| av午夜| 妈妈妈三|

!??!站長長期在線接?。?!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103