查阅代码整理(二)之遍历table的相关操作Js

      有关table列、行遍历;列、行的动态合并,一直在整理,之前的业务有遇到,修修改改,最终实现了一个稳定的通用版本。之前一直都是做的私有笔记,现公布希望大家指正。顺带分享下开发这部分代码时遇到的问题及处理方式。持续更新中......

1 遍历table获取每行某列td内部的

 

table中固定某一列显示的是多标签 ,下面示例是遍历table获取每行第十个td内部的注意span和td使用的是  .html()和  .text()而不是  .val()。仅供参考。

$(function(){
   var arr_cglx = new Array();
   arr_cglx = $("[id=fbmx_cglx_yc]").text().replace(/\s/g,"");
   for (var i=1;i<=arr_cglx.length;i++) {
if($('#TableId').find('tbody').find('tr:eq('+i+')').find('td:eq(10)').children('span').length>1){

//相关处理代码
}
				  }
	})

1.1 另两种写法

直接遍历tr(适合页面只有一个table);

通过td的name进行遍历。

 $('tr').each(function(i){ //这里的n可有可无
						//开始遍历每一行的每一列
						for(var j=0;j

2 获取table的行数

 

这里是通过tbale ID定位table然后获取同class的多少,class一般写在tr上。

 function check(){
    	var trSize= $("#DataTable .fpxx_tr_Class").size();
    	 if(trSize==0){
   	      alert("数据至少有一条");
   	      return false;
   	    } 
        return true;
    }

页面 (当然也可以用id,name等)

table id="DataTable" >

3 合并指定单元格并且根据隐藏id合并

 

/**     * 合并指定表格(表格id为dataTable_id)指定列(列数为dataTable_colnum)的相同文本的相邻单元格  

        * dataTable_id 为需要进行合并单元格的表格的id。如在HTMl中指定表格 id="data" ,此参数应为 #data  

        * dataTable_colnum 为需要合并单元格的所在列。为数字,从最左边第一列为1开始算起。

    */     


                    
                    

你可能感兴趣的:(查阅整理,JAVA小知识,分享,table,span,遍历,新增行,合并)