在写程序的过程中我们难免会遇到在页面上合并单元行的情况,如图所示
如果对于会的同学可能很简单,但是对没有思路的同学来说还是比较麻烦的,提供一下用JQUERY实现的参考代码
function mergeCell(){
var trs = $("#table tr");
//获取第一行
var firstRow=0;
//获取第一行的值
var firstRowValue = trs.eq(firstRow).find("[name$=company]").val();
var len = 1;
for(var i = 1;i<trs.length;i++){
//获取当前行的值
var thisRowValue = trs.eq(i).find("[name$=company]").val();
if(thisRowValue == firstRowValue){
len++;
//删除单元格
trs.eq(i).find("td").eq(0).remove();
}else{
//设置单元格占的行数
trs.eq(firstRow).find("td").eq(0).attr("rowspan",len);
firstRow = i;
firstRowValue = thisRowValue;
len = 1;
}
}
//最后一个的时候赋值
if(len > 1){
trs.eq(firstRow).find("td").eq(0).attr("rowspan",len);
}
}