JQuery:在单击div时编辑表

时间:2016-02-04 01:50:59

标签: javascript jquery html

<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列的表格。

我不知道如何妥善解决这个问题

任何想法都会有所帮助..谢谢

1 个答案:

答案 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);
});