基于JQuery的動(dòng)態(tài)刪除Table表格的行和列的代碼
更新時(shí)間：2011年05月12日 20:52:17 作者：
基于JQuery的動(dòng)態(tài)刪除Table表格的行和列的代碼以前腳本之家也發(fā)布過相關(guān)的代碼，大家可以參考下。
首先要獲取Table表格的行數(shù)，我是通過后臺(tái)添加表格的所以我在前臺(tái)獲取的時(shí)候length一下就獲取到了總數(shù)賦值
例如上圖：
如果我要打印這個(gè)表格但不想要操作那列的內(nèi)容咋辦？
for(var i=0;i<num+1;i++)
{
$("table tr").eq(i).find("td").eq(0).remove();
}
解釋:
num是從后臺(tái)獲取到的列表總和+1是為了表頭那個(gè)也去掉。
第一個(gè)eq(i)是獲取Table里的TR索引
第二個(gè)eq(0)是獲取TR里的首個(gè)TD位置
例如上圖：
如果我要打印這個(gè)表格但不想要操作那列的內(nèi)容咋辦？
復(fù)制代碼 代碼如下:
for(var i=0;i<num+1;i++)
{
$("table tr").eq(i).find("td").eq(0).remove();
}
解釋:
num是從后臺(tái)獲取到的列表總和+1是為了表頭那個(gè)也去掉。
第一個(gè)eq(i)是獲取Table里的TR索引
第二個(gè)eq(0)是獲取TR里的首個(gè)TD位置
您可能感興趣的文章:
- 基于jQuery和Bootstrap框架實(shí)現(xiàn)仿知乎前端動(dòng)態(tài)列表效果
- jQuery動(dòng)態(tài)顯示和隱藏datagrid中的某一列的方法
- jQuery實(shí)現(xiàn)表格行和列的動(dòng)態(tài)添加與刪除方法【測試可用】
- jQuery EasyUI中DataGird動(dòng)態(tài)生成列的方法
- jQuery插件jqGrid動(dòng)態(tài)獲取列和列字段的方法
- jQuery實(shí)現(xiàn)列表內(nèi)容的動(dòng)態(tài)載入特效
- jQuery實(shí)現(xiàn)動(dòng)態(tài)顯示select下拉列表數(shù)據(jù)的方法
- jQuery實(shí)現(xiàn)動(dòng)態(tài)加載select下拉列表項(xiàng)功能示例
- jQuery動(dòng)態(tài)產(chǎn)生select option下拉列表
- jQuery簡單實(shí)現(xiàn)向列表動(dòng)態(tài)添加新元素的方法示例
- jQuery實(shí)現(xiàn)動(dòng)態(tài)生成年月日級聯(lián)下拉列表示例
- Jquery動(dòng)態(tài)列功能完整實(shí)例
相關(guān)文章
本篇文章主要是對Json序列化和反序列化方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
分享10篇優(yōu)秀的jQuery幻燈片制作教程及應(yīng)用案例
jQuery 是一個(gè)非常優(yōu)秀的 JavaScript 框架，使用簡單靈活，同時(shí)還有許多成熟的插件可供選擇，它可以幫助你在項(xiàng)目中加入一些非常好的效果。2011-04-04
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)音樂播放試聽列表的相關(guān)資料,需要的朋友可以參考下2016-04-04
本篇文章主要是對jquery取消選擇select下拉框示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
jQuery 可以拖動(dòng)的div實(shí)現(xiàn)代碼 腳本之家修正版
最近研究了一下jQuery，覺得真的是一個(gè)很不錯(cuò)的js庫，其他的不說，關(guān)鍵是有翔實(shí)的文檔，這點(diǎn)是非常關(guān)鍵的。2009-06-06
jquery實(shí)現(xiàn)初次打開有動(dòng)畫效果的網(wǎng)頁TAB切換代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)初次打開有動(dòng)畫效果的網(wǎng)頁TAB切換代碼,涉及jquery通過鼠標(biāo)click事件控制頁面元素屬性的動(dòng)態(tài)變換實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
最近在學(xué)習(xí)jQuery方面的知識(shí)，學(xué)習(xí)中遇到一定的困難，一些知識(shí)不得不查看官方的文檔，在用到end()方法時(shí)，被一個(gè)小例子搞得有點(diǎn)暈。2011-07-07
jquery簡單實(shí)現(xiàn)鼠標(biāo)經(jīng)過導(dǎo)航條改變背景圖
鼠標(biāo)經(jīng)過導(dǎo)航條改變背景圖的效果很是好看，下面為大家介紹下使用jquery是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下2013-12-12
基于jquery的復(fù)制網(wǎng)頁內(nèi)容到WORD的實(shí)現(xiàn)代碼
基于jquery的復(fù)制網(wǎng)頁內(nèi)容到WORD的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-02-02
jQuery事件綁定方法學(xué)習(xí)總結(jié)(推薦)
下面小編就為大家?guī)硪黄猨Query事件綁定方法學(xué)習(xí)總結(jié)(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11