| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2395 人关注过本帖
标题:请问这种表格应该怎么用js循环做出来
取消只看楼主 加入收藏
kangkangJS
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2017-2-22
结帖率:0
收藏
已结贴  问题点数:20 回复次数:0 
请问这种表格应该怎么用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编辑过]

2017-02-22 21:18
快速回复:请问这种表格应该怎么用js循环做出来
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.018645 second(s), 10 queries.
Copyright©2004-2025, BCCN.NET, All Rights Reserved