快捷導(dǎo)航

jQuery實(shí)現(xiàn)html table行Tr的復(fù)制、刪除、計(jì)算功能

更新時(shí)間：2017年07月10日 12:15:45 作者：-droidcoffee-

這篇文章主要介紹了jQuery實(shí)現(xiàn)html table行Tr的復(fù)制、刪除、計(jì)算功能,涉及jQuery針對(duì)table表格的常見(jiàn)復(fù)制、添加、刪除與計(jì)算行數(shù)等簡(jiǎn)單操作技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)html table行Tr的復(fù)制、刪除、計(jì)算功能。分享給大家供大家參考，具體如下：

添加行：

function addtr(){
   var tr = $("#tb tr").eq(0).clone();
   tr.appendTo("#tb");
   //tr.insertBefore("#tb tr:last");
}

<table id="tb">
  <tr>  </tr>  // tr 的下標(biāo)從 0 開(kāi)始
   <tr> </tr>
</table>

刪除行：

index 要?jiǎng)h除的 table 的 tr 的下標(biāo)

$("#tb_id tr").eq(index).remove();

計(jì)算 table 中 tr 的個(gè)數(shù):

("#tb tr").length

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery表格(table)操作技巧匯總》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery form操作技巧匯總》、《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)單擊和鼠標(biāo)感應(yīng)事件
這篇文章主要介紹了jQuery實(shí)現(xiàn)單擊和鼠標(biāo)感應(yīng)事件的方法的相關(guān)資料,需要的朋友可以參考下
2015-02-02
jQuery dialog 異步調(diào)用ashx,webservice數(shù)據(jù)的代碼
點(diǎn)擊按鈕，在彈出的jQuery.dialog中，顯示異步返回的數(shù)據(jù)。WebService可以寫(xiě)復(fù)雜的函數(shù)，ashx可以根據(jù)傳過(guò)來(lái)的參數(shù)調(diào)用不同的方法，達(dá)到同樣的效果。
2010-08-08
jQuery ajax MD5實(shí)現(xiàn)用戶注冊(cè)即時(shí)驗(yàn)證功能
這篇文章主要為大家詳細(xì)介紹了JQuery AJAX MD5實(shí)現(xiàn)用戶注冊(cè)即時(shí)驗(yàn)證功能,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
JQuery Tips(2) 關(guān)于$()包裝集你不知道的
包裝集總是面向集合的，需要的朋友可以參考下。
2009-12-12
基于jQuery實(shí)現(xiàn)可編輯的表格
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)可編輯的表格，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-12-12
jQuery控制輸入框只能輸入數(shù)值的小例子
jQuery控制輸入框只能輸入數(shù)值的小例子，需要的朋友可以參考一下
2013-03-03
validform表單驗(yàn)證的實(shí)現(xiàn)方法
這篇文章主要介紹了validform表單驗(yàn)證的實(shí)現(xiàn)方法，validform插件主要把所有的驗(yàn)證條件和驗(yàn)證提示信息綁定到每個(gè)表單元素，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-03-03
jQuery插件zTree實(shí)現(xiàn)獲取一級(jí)節(jié)點(diǎn)數(shù)據(jù)的方法
這篇文章主要介紹了jQuery插件zTree實(shí)現(xiàn)獲取一級(jí)節(jié)點(diǎn)數(shù)據(jù)的方法,結(jié)合實(shí)例形式分析了jQuery插件zTree針對(duì)節(jié)點(diǎn)的遍歷與獲取操作相關(guān)技巧,需要的朋友可以參考下
2017-03-03
jquery mobile事件多次綁定示例代碼
這種綁定方法會(huì)在整個(gè)document每pageinit一次,就對(duì)xxx進(jìn)行的某一事件進(jìn)行綁定,而pageinit事件什么時(shí)候會(huì)觸發(fā)，感興趣的朋友可以了解下
2013-09-09
對(duì)jquery的ajax進(jìn)行二次封裝以及ajax緩存代理組件:AjaxCache詳解
下面小編就為大家?guī)?lái)一篇對(duì)jquery的ajax進(jìn)行二次封裝以及ajax緩存代理組件:AjaxCache詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-04-04