国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript動態添加列的方法

2019-11-20 12:51:56
字體:
來源:轉載
供稿:網友

本文實例講述了JavaScript動態添加列的方法。分享給大家供大家參考。具體實現方法如下:

/***  * 動態添加table 列  * @param result  */ function addRow(resultJson){ /* var temp = [];  temp = $.grep(arr, function(val, key) {   if(val.indexOf('c') != -1)    return true; // 如果[invert]參數不給或為false, $.grep只收集回調函數返回true的數組元素 // 反之[invert]參數為true, $.grep收集回調函數返回false的數組元素  }, false);  console.dir(temp);  */  if(resultJson!=""){    var cv_arr=new Array();    var date_arr = new Array(); //將數據源解析,并解析成程序可認的date及result    $.each(resultJson, function(index, val) {     if(val['parser_schedule']!=null){      cv_arr.push(val['parser_schedule']);      var temp_data =val['parser_schedule'].split(",");      for(i=0;i<temp_data.length;i++){       var temp = temp_data[i].split(":");       date_arr.push(temp[0]);      }     }    });    date_arr = unique(date_arr);   date_arr.in_arr = function(value) {    var a = this;   //為了增加方法擴展適應性。我這稍微修改了下    for (var i = 0; i < a.length; i++) {     if (a[i] == value)      return i;    }   }   //ARR下標值從0開始   var old_td_n = $("#mytable thead tr").find("th").length;  //獲取已有的TH   //設置TH信息   for(i=0;i<date_arr.length;i++){    //注意TH和TD,樣式不一樣    $("#mytable thead tr").append("<th>"+date_arr[i]+"</th>");    $("#mytable tbody tr").append("<td>-</td>");   }   var rowNum_arr=new Array();   //獲取一共有多少行   for(i=0;i<$("#mytable").find("tr").length;i++){ //獲取每一行中第三列的值,table前兩列隱藏,第三列開始判斷是否有數據    var str=$("#mytable tbody").find("tr").eq(i);    var std=str.find("td").eq(2);    //當沒有值的時候記錄,獲取行號    if($.trim(std.text()).length <1){     rowNum_arr.push(i);    }else{   //  $(std).html("");    }   }   //設置TD信息   for(i=0;i<cv_arr.length;i++){    //獲取RESULT_ARR中的日期數據    var temp_str = cv_arr[i];//OK    //將日期數據用","分割成數組    var temp_arr = temp_str.split(",");//OK [03-11:10,03-12:9,03-13:8,03-14:15]    for(j=0;j<temp_arr.length;j++){     //獲取數據集 為字符串例如03-11:10     var temp_result = temp_arr[j];     /*      將數據集分割為數組[03-11:10]      ARR[0] 03-11      ARR[1] 10     */     var temp_result_arr = temp_result.split(":");    //設置第I行的TR里的內容     $("#mytable tbody").find("tr").eq(rowNum_arr[i]).find("td").eq(old_td_n+date_arr.in_arr(temp_result_arr[0])).html(temp_result_arr[1]);      // 應用樣式     $("#tb tr:even td").addClass("alt");//行的顏色     $("#tb tr").find("td:eq(2)").addClass("spec");     $("#tb tr:even").find("td:eq(2)").addClass("specalt");    }   }  } }

希望本文所述對大家的javascript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 凤翔县| 城固县| 佳木斯市| 宁明县| 三河市| 石河子市| 长泰县| 贵溪市| 惠来县| 垫江县| 习水县| 蓬莱市| 濮阳县| 全南县| 安塞县| 娄底市| 永修县| 渝北区| 海林市| 乐亭县| 鹿邑县| 天峻县| 车致| 岳阳市| 潮安县| 兴宁市| 泸溪县| 平舆县| 瑞安市| 兴隆县| 长武县| 郁南县| 扎赉特旗| 宣恩县| 苏尼特右旗| 恩施市| 大邑县| 宜州市| 获嘉县| 依安县| 诸暨市|