请问这种表格应该怎么用js循环做出来 - JavaScript论坛

楼主

已结贴√ 问题点数：20 回复次数：1

请问这种表格应该怎么用js循环做出来

图片附件: 游客没有浏览图片的权限，请登录或注册

后面的4,5,6很简单
但是前面的1,2，3实在是，绕不过来了，请教大神，这个table应该怎么用循环输出呢？

程序代码：

    <table>
        <tr>
            <td rowspan="6">1</td>
            <td rowspan="2">2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td rowspan="2">2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td rowspan="2">2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
    </table>           

<!--上面是想要生成的table的格式-->


              var arr = [1,2,3],
                html=[];
                html+='<table>';
                var num = 1;
                for (var i = 0; i < arr.length; i++) {
                        var num = num*arr[i];
                };


               

                for (var i = 0; i < num; i++) {
               

                    html+='<tr>';

                    for (var t = 0; t < arr[i]; t++) {
                    //处理剩下的td   

                    html+='<td rowspan="">dddd</td>';

                       //到这里实在是写不出来了，绕不过来这个弯了

                    };
                   


                    html+='<td>4</td>';
                    html+='<td>5</td>';
                    html+='<td>6</td>';
                    html+='</tr>';
                   

                };
                html+='</table>';


            $('.test').empty();

            $('.test').append(html);

[此贴子已经被作者于2017-2-22 21:20编辑过]