jsp页面动态list如果名称一样合并

最新推荐文章于 2023-05-26 11:51:06 发布

Cgxh

最新推荐文章于 2023-05-26 11:51:06 发布

阅读量2.1k

点赞数 1

分类专栏： Js Html 文章标签： jsp 合并

Js 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

Html

6 篇文章 0 订阅

订阅专栏

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<html>
<head>
    <script>
        //合并表格第一列相同内容
        function mergeTable(tabObj,colIndex){
            if(tabObj != null){
                var i,j;
                var intSpan;
                var strTemp;
                for(i = 0; i < tabObj.rows.length; i++){
                    intSpan = 1;
                    strTemp = tabObj.rows[i].cells[colIndex].innerText;
                    for(j = i + 1; j < tabObj.rows.length; j++){
                        if(strTemp == tabObj.rows[j].cells[colIndex].innerText){
                            intSpan++;
                            tabObj.rows[i].cells[colIndex].rowSpan = intSpan;
                            tabObj.rows[j].cells[colIndex].style.display = "none";
                        }else{
                            break;
                        }
                    }
                    i = j - 1;
                }
            }
        }

    </script>
</head>
<body οnlοad="mergeTable(table1,0)">
<table width="400" border="1" id="table1">
    <tr>
        <td>内容相同</td>
        <td>豆腐干</td>
        <td>2016-10-31</td>
    </tr>
    <tr>
        <td>内容相同</td>
        <td>豆腐干</td>
        <td>2016-10-31</td>
    </tr>
    <tr>
        <td>内容不相同</td>
        <td>回复的</td>
        <td>2016-10-31</td>
    </tr>
</table>
</body>
</html>