如何在 jquery/javascript 中创建下面提到的表结构:
<table>
<tr>
<td>
one
</td>
<td>
two
</td>
<td>
three
</td>
</tr>
<tr>
<td>
single
</td>
</tr>
<tr>
<td>
one
</td>
<td>
two
</td>
<td>
three
</td>
</tr>
<tr>
<td>
single
</td>
</tr>
</table>
即交替行有 3/1 列。
最佳答案
这应该足够了:
$(document).ready(function(){
var $myTable = $("<table></table>");
var $myRow;
var rowCount = 10; //or whatever you want
var cellCount = 1;
var i = 0;
for (i=0; i<rowCount; i++){
$myRow = $("<tr></tr>");
cellCount = (i%2 === 0)? 3 : 1;
for (var j=0; j<cellCount; j++){
$myRow.append("<td>a</td>")
}
$myTable.append($myRow);
}
$("body").append($myTable); //if you want to add it to your document.
});
查看 JSFiddle:http://jsfiddle.net/ZbJ3v/
这当然不会添加您的“一”“二”等(我只是用“a”来表示结构),但我从您的问题中假设您只想要该结构。
编辑下面的评论。循环 block 看起来像:
for (i=0; i<rowCount; i++){
$myRow = $("<tr></tr>");
if (i%2 === 0){
$myRow.append("<td>aa.bb</td>")
$myRow.append("<td>aa.cc</td>")
$myRow.append("<td>aa.dd</td>")
}else{
$myRow.append("<td>xx</td>")
}
$myTable.append($myRow);
}
在此 jsfiddle 上可用:http://jsfiddle.net/WPJ5q/
关于javascript - jquery 中的备用行表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3555664/