Jquery操作table的行列

1. 处理固定行、列 单元格

var $tables = $(".js_table").find("table"); 
	      var length = $tables.length; 
	      for(var i=0; i<length; i++) { 
	        var $table = $tables.eq(i); 
	        //alert($table.prop("tagName")); //TABLE 
	        //eq(i)表示第i行 (将分红系数转为百分比显示)
	        var td1 = $table.find("tr").eq(3).children("td").eq(6);//第三行(从1开始)第六(从0 开始)个单元格
	        var td2 = $table.find("tr").eq(3).children("td").eq(7);
	        var td3 = $table.find("tr").eq(3).children("td").eq(8);
	        //alert(nameTd.prop("tagName")); //TD 
	      	td1.text(numMulti(td1.text(),100)+'%'); 
	      	td2.text(numMulti(td2.text(),100)+'%'); 
	      	td3.text(numMulti(td3.text(),100)+'%'); 
	      } 

2. 遍历所有单元格,处理

$("table tr:gt(0)").each(function(i){
		    $(this).children("td").each(function(i){
		        var tdval = $(this).text();//每个单元格内的文本
		        if(isInteger(tdval) ){
					//负数红色显示
					//data = val1.;
					$(this).text("");
					$(this).append('<span class="text-danger">('+tdval.substring(1,tdval.length)+')</span>');
				}
		    });
		});

3. 删除行、列

	//删除第一行第一列
		$("table tr:first").remove();
		$("table tr").find("td:nth-child(1)").remove();

猜你喜欢

转载自blog.csdn.net/Angle_wing_wh/article/details/86488367
今日推荐