javascript - Jquery中的多行和多列

Question

我有一个 jquery 代码，它在一行和多列中显示结果，如下所示

function () {
    var i = noDays;
    var days = 30;
    while (i < days) {
        $('tr').append('<td> ' + i + ' </td>');
        i++;
    },
}

当我有超过 10 个结果（10 列）时，行延伸到页面之外

例如，如何将行分成多行？

如果我在 1 行中有 30 列，我想改为 6 列和 5 行

Answer 1

最好创建一个元素并使用对它的引用，而不是让 jquery 在每次传递中触发一个选择器。

这是一个可行的解决方案及其jsfiddle：

var $table = $("#myTable");
var i = 1;
var days = 30;
var $tr = $("<tr>");
while (i <= days) {
    $tr.append('<td>' + i++ + '</td>');
    if (i %6 == 1) {
        $table.append($tr);
        $tr = $("<tr>");
    }
};
$("#myTable").append($tr);

Answer 2

不确定您将数据添加到何处，但请查看此处的代码：http: //jsfiddle.net/kdst5/1/ - 在“i”上使用模数运算符可以告诉您何时移动到新行; 此外，$("tr")您应该使用特定的选择器，而不是使用 ，不一定是我使用的变量，而是比一般的“每个 TR”选择器更具体的东西。