![]() |
#2
leeqihero2017-03-01 10:09
<html>
<head> <meta charset="utf-8"> <script> $=function(b){return document.getElementById(b)};_=function(){var b,a,f,e=arguments[0],d=arguments.length;for(var c=1;c<d;c++){b=arguments[c];for(a in b){e[a]=b[a]}}return e};_$=function(){var b,a,e=arguments[0],d=arguments.length;for(var c=1;c<d;c++){b=arguments[c];for(a in e){e[a]===undefined||(e[a]=b[a])}}return e}; </script> </head> <body> <table border=1> <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 border=1 id=0 ></table> </body> <script> a='<tr>'; b='<td rowspan=6>1</td>'; c='<td rowspan=2>2</td>'; e='<td>3</td><td>4</td><td>5</td><td>6</td></tr>'; txt=''; for(var i=0;i<6;i++){ !i&&(txt+=a+b+c+e); i>0&&!(i%2)&&(txt+=a+c+e); i%2&&(txt+=a+e); } $(0).innerHTML=txt; </script> </html> |
只有本站会员才能查看附件,请 登录
只有本站会员才能查看附件,请 登录
后面的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);
<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编辑过]