基于JQuery的動(dòng)態(tài)刪除Table表格的行和列的代碼
更新時(shí)間：2011年05月12日 20:52:17 作者：
基于JQuery的動(dòng)態(tài)刪除Table表格的行和列的代碼以前腳本之家也發(fā)布過(guò)相關(guān)的代碼，大家可以參考下。
首先要獲取Table表格的行數(shù)，我是通過(guò)后臺(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)添加與刪除方法【測(cè)試可用】
- 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簡(jiǎn)單實(shí)現(xiàn)向列表動(dòng)態(tài)添加新元素的方法示例
- jQuery實(shí)現(xiàn)動(dòng)態(tài)生成年月日級(jí)聯(lián)下拉列表示例
- Jquery動(dòng)態(tài)列功能完整實(shí)例
相關(guān)文章
運(yùn)用jquery實(shí)現(xiàn)table單雙行不同顯示并能單行選中
（該方法是對(duì)《運(yùn)用jquery實(shí)現(xiàn)（table）單雙行不同顯示并能多行選中》的改進(jìn)，適合于單行選擇）2009-07-07
javascript中用星號(hào)表示預(yù)錄入內(nèi)容的實(shí)現(xiàn)代碼
在一個(gè)WEB項(xiàng)目中，有一個(gè)比較特殊點(diǎn)的文本框客戶要求實(shí)現(xiàn)在那個(gè)文本框錄入數(shù)據(jù)前先用星號(hào)（*）表示要錄入的信息（那個(gè)文本框要錄入的數(shù)據(jù)位數(shù)是已知的2011-01-01
本篇文章主要是對(duì)jquery選擇器之屬性過(guò)濾選擇器進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
JQuery實(shí)現(xiàn)的圖文自動(dòng)輪播效果插件
這篇文章主要介紹了JQuery實(shí)現(xiàn)的圖文自動(dòng)輪播效果插件,涉及jQuery處理鼠標(biāo)事件及動(dòng)畫(huà)效果的方法,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了jQuery validate插件功能與用法,結(jié)合實(shí)例形式詳細(xì)分析了jQuery validate插件的功能、參數(shù)、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-12-12
EasyUI的doCellTip實(shí)現(xiàn)鼠標(biāo)放到單元格上提示單元格內(nèi)容
本篇文章主要介紹了easyUI的doCellTip 就是鼠標(biāo)放到單元格上有個(gè)提示的功能，對(duì)于Javascript教程感興趣的同學(xué)可以參考一下2016-08-08
jquery DIV撐大怎么讓滾動(dòng)條滾到最底部，類似問(wèn)題想必大家都有遇到過(guò)吧，下面與大家分享下具體的處理代碼，感興趣的朋友可以了解下哈2013-06-06
清空元素html("") innerHTML="" 與 empty()的區(qū)別和應(yīng)用(推薦)
這篇文章主要介紹了清空元素html("")、innerHTML="" 與 empty()的區(qū)別和應(yīng)用,詳細(xì)介紹了三者之間的原理及應(yīng)用,需要的朋友可以參考下2017-08-08
Jquery滑動(dòng)門(mén)/tab切換實(shí)現(xiàn)方法完整示例
這篇文章主要介紹了Jquery滑動(dòng)門(mén)/tab切換實(shí)現(xiàn)方法,結(jié)合完整實(shí)例形式分析了Jquery滑動(dòng)門(mén)/tab切換具體操作技巧與頁(yè)面元素動(dòng)態(tài)操作實(shí)現(xiàn)方法,需要的朋友可以參考下2020-06-06
這篇文章主要介紹了省市二級(jí)聯(lián)動(dòng)小案例講解的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07