<table id="#cells">
<script type="text/javascript">
for(var j = 0; j < 2; j++) {
document.write('<tr>');
for(var i = 0; i < 9; i++){
document.write('<td></td>');
}
document.write('</tr>');
}
$('#arrow').click(function(){
$('#cells').empty();
for(var k = 0; k < 2; k ++){
$('#cells').append('<tr>');
for(i = 0; i < 9; i++){
$('#cells').append('<td></td>');
}
$('#cells').append('</tr>');
}
});
</script>
</table>
好的..我有上面的代码,它适用于前2个循环(一个表格显示有2行和9列)
但是在第二个2循环中,会出现一个包含一行和18列的表格。
我不知道如何妥善解决这个问题
任何想法都会有所帮助..谢谢
答案 0 :(得分:1)
您应该将<tr></tr>
代码一起插入。
$('#arrow').click(function(){
var str = '';
$('#cells').empty();
for(var k = 0; k < 4; k ++){
str += '<tr>';
for(i = 0; i < 9; i++){
str += '<td></td>';
}
str += '</tr>';
}
$('#cells').append(str);
});