js实现table中td单元格合拼并求和

-------table 示例

<table class="table table-striped table-bordered table-hover"
        style="width: 100%" id="tab">
        <thead>
            <tr>
                <th style="width: 10%">能力指标</th>
                <th style="width: 10%">能力值</th>
                <th style="width: 10%">检查项</th>
                <th style="width: 10%">单项能力值</th>
            </tr>
            <tr>
                <td>能力指标5</td>
                <td>1</td>
                <td>检查项1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>能力指标5</td>
                <td>1</td>
                <td>检查项1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>能力指标5</td>
                <td>1</td>
                <td>检查项1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>能力指标1</td>
                <td>1</td>
                <td>检查项1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>能力指标1</td>
                <td>2</td>
                <td>检查项2</td>
                <td>2</td>
            </tr>
            <tr>
                <td>能力指标6</td>
                <td>3</td>
                <td>检查项3</td>
                <td>3</td>
            </tr>
            <tr>
                <td>能力指标6</td>
                <td>3</td>
                <td>检查项3</td>
                <td>3</td>
            </tr>
            <tr>
                <td>能力指标2</td>
                <td>1</td>
                <td>检查项</td>
                <td>1</td>
            </tr>
            <tr>
                <td>能力指标2</td>
                <td>2</td>
                <td>检查项</td>
                <td>2</td>
            </tr>
            <tr>
                <td>能力指标3</td>
                <td>1</td>
                <td>检查项</td>
                <td>1</td>
            </tr>
            <tr>
                <td>能力指标3</td>
                <td>1</td>
                <td>检查项</td>
                <td>1</td>
            </tr>
        </thead>
    </table>

<script type="text/javascript">
$(function(){ 
    //可实现合并单元格,上下行来比较 
    var totalCols = $("#tab").find("tr:eq(1)").find("td").length; 
    var totalRows = $("#tab").find("tr").length; 
    var a=0;
    for ( var j = 1; j<=totalRows; j++) {
        //上一个tb值
        startCell = $("#tab").find("tr").eq(j-(1+a)).find("td").eq(0); 
        targetCell = $("#tab").find("tr").eq(j).find("td").eq(0);
        
        startCellz = $("#tab").find("tr").eq(j-(1+a)).find("td").eq(1); 
        targetCellz = $("#tab").find("tr").eq(j).find("td").eq(1); 
        if (startCell.text() == targetCell.text() && targetCell.text() != "") { 
            startCell.attr("rowSpan", 2+a);
            startCellz.attr("rowSpan", 2+a);
            var tot=parseInt($("#tab").find("tr").eq(j-(1+a)).find("td").eq(3).text())+parseInt($("#tab").find("tr").eq(j).find("td").eq(3).text());  
            var vag=tot/(a+2);
            startCellz.html(vag.toFixed(2));
            targetCell.remove();
            targetCellz.remove();
            a++;
        }else{
            a=0;
        }

    } 
    //} 
}); 
</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值