基于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
JQuery實(shí)現(xiàn)的圖文自動(dòng)輪播效果插件
這篇文章主要介紹了JQuery實(shí)現(xiàn)的圖文自動(dòng)輪播效果插件,涉及jQuery處理鼠標(biāo)事件及動(dòng)畫效果的方法,需要的朋友可以參考下2015-06-06
EasyUI的doCellTip實(shí)現(xiàn)鼠標(biāo)放到單元格上提示單元格內(nèi)容
本篇文章主要介紹了easyUI的doCellTip 就是鼠標(biāo)放到單元格上有個(gè)提示的功能,對(duì)于Javascript教程感興趣的同學(xué)可以參考一下2016-08-08
清空元素html("") innerHTML="" 與 empty()的區(qū)別和應(yīng)用(推薦)
這篇文章主要介紹了清空元素html("")、innerHTML="" 與 empty()的區(qū)別和應(yīng)用,詳細(xì)介紹了三者之間的原理及應(yīng)用,需要的朋友可以參考下2017-08-08
Jquery滑動(dòng)門/tab切換實(shí)現(xiàn)方法完整示例
這篇文章主要介紹了Jquery滑動(dòng)門/tab切換實(shí)現(xiàn)方法,結(jié)合完整實(shí)例形式分析了Jquery滑動(dòng)門/tab切換具體操作技巧與頁(yè)面元素動(dòng)態(tài)操作實(shí)現(xiàn)方法,需要的朋友可以參考下2020-06-06

