使用JQuery讀Table
這段時間做的東西比較邪門,連Javascript都用上了。為紀念受傷的心,特意將寫的一段讀table的程式碼記錄一下。
1. 引入JQuery包
2.程式碼
var i,j
var col, row,cols,cols_old,rows,len,lp
var text
col = 0
row = 0
var col, row,cols,cols_old,rows,len,lp
var text
col = 0
row = 0
$(document).ready(function(){
len = $("#content").find("tr").length;
var arr = new Array(len);
var flag = new Array(len);
var index
var findex
for(lp = 0 ; lp < len ; lp++){
arr[lp] = new Array();
flag[lp] = new Array();
}
$("table[name='content']").find("tr").each(function(i){
$(this).find("td").each(function(j){
cols = $(this).attr("COLSPAN");
if("undefined" == typeof cols){
cols = 1
}
cols_old = cols;
rows = $(this).attr("ROWSPAN");
if("undefined" == typeof rows){
rows = 1
}
text = $(this).text();
row = i
//т?材???竚?ゼ惡?蟲じ
index = -1;
do{
index = index + 1
}while(flag[row][index] == 'F') ;
col = index
do
{
do
{
arr[row][index] = text;
flag[row][index] = 'F'
cols = cols -1;
index = index + 1;
}while(cols > 0);
rows = rows - 1;
row = row + 1 ;
index = col ;
cols = cols_old
}while(rows > 0);
});
});
len = $("#content").find("tr").length;
var arr = new Array(len);
var flag = new Array(len);
var index
var findex
for(lp = 0 ; lp < len ; lp++){
arr[lp] = new Array();
flag[lp] = new Array();
}
$("table[name='content']").find("tr").each(function(i){
$(this).find("td").each(function(j){
cols = $(this).attr("COLSPAN");
if("undefined" == typeof cols){
cols = 1
}
cols_old = cols;
rows = $(this).attr("ROWSPAN");
if("undefined" == typeof rows){
rows = 1
}
text = $(this).text();
row = i
//т?材???竚?ゼ惡?蟲じ
index = -1;
do{
index = index + 1
}while(flag[row][index] == 'F') ;
col = index
do
{
do
{
arr[row][index] = text;
flag[row][index] = 'F'
cols = cols -1;
index = index + 1;
}while(cols > 0);
rows = rows - 1;
row = row + 1 ;
index = col ;
cols = cols_old
}while(rows > 0);
});
});
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/554557/viewspace-614933/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 使用JQuery雙擊修改Table中TdjQuery
- jquery-tablejQuery
- 使用JQuery刪除Table中的合併行jQuery
- jquery對table的操作jQuery
- jquery 封裝 bootstrap tablejQuery封裝boot
- jquery 動態給table賦值jQuery賦值
- jquery table 的新增和刪除jQuery
- 使用 jQuery 讀取 Vue 元件的資料jQueryVue元件
- 使用jQuery控制table表格的tr行顯示和隱藏效果jQuery
- jQuery table表格奇偶行變色效果jQuery
- jQuery操作表格table程式碼例項jQuery
- jQuery對Table一個欄位排序jQuery排序
- html~table、table cell的使用HTML
- jQuery table表格行的新增和刪除jQuery
- jQuery table內容點選標題排序jQuery排序
- jQuery table表格tr行顯示隱藏jQuery
- jQuery table表格隔行換色程式碼例項jQuery
- jQuery table表格同類內容摺疊效果jQuery
- jQuery原始碼閱讀1—jQuery架構jQuery原始碼架構
- jquery table下的核取方塊選中、取消jQuery
- jQuery原始碼閱讀(十)---jQuery靜態方法分析jQuery原始碼
- TABLE型別的使用型別
- With KEY & With Table KEY 的使用
- Element UI 原始碼解讀之 Table 元件UI原始碼元件
- 【TABLE】11g中只讀表(Read-only Table)技術特性
- jquery使用ajax讀取後臺資料在表格中顯示jQuery
- jQuery原始碼閱讀(十三)---jQuery非同步佇列模組jQuery原始碼非同步佇列
- JQuery使用AJAXjQuery
- pt-table-checksum與pt-table-sync使用實踐
- Table tr 奇數偶數行漸變色Jquery實現jQuery
- bootstrap Table的使用方法boot
- 工作296:el-table使用
- 【筆記】使用 plan_table筆記
- Table邊框使用總結
- 讀書筆記:鋒利的JQuery筆記jQuery
- JQuery讀取本地json檔案jQueryJSON
- jQuery的extend方法原始碼解讀jQuery原始碼
- Head First jQuery讀書筆記jQuery筆記