Question

我想创建一个6x7表，我编写了下面的代码来创建7行，有人可以告诉我如何添加6列，每行6个？

for (i = 0; i <= 7; i++) {
    $("<tr></tr>").appendTo('table');
}

Answer 1

您可以使用jquery创建这样的动态表。

将使用两个for循环。行的for循环和列的内部for循环。

＆＃13;

$('#dynamictable').append('<table>');
var table = $('#dynamictable').children();
for (var i = 0; i < 7; i++) {
    var str = "<tr>";
    for (var j = 0; j < 6; j++) {
        str += "<td style='background:#ccc;'>cell</td>";
    }
    str += "</tr>";
    table.append(str);
}
$('#dynamictable').append('</table>');

＆＃13;

table {
    background:#CCC;
    border:1px solid #000;
}
table td {
    padding:15px;
    border:1px solid #DDD;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="dynamictable"></div>

＆＃13;

Answer 2

这样的事情：

var nbRows = 7;
var nbColumns = 6;
for (i = 0; i < nbRows; i++) {
    var tr = $("<tr></tr>");
    for(j=0; j<nbColumns;j++){
        tr.append("<td></td>");
    }
    tr.appendTo('table');
}

Answer 3

        for(var i=0; i<7; i++)
        {   
            $("table").append("<tr></tr>");


        }
        for(var i=0; i<6; i++)
        { 
         $("table tr").append("<td>"+i+"</td>");
         }

试一试。

使用和标签创建一个jQuery表

3 个答案: