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

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

Answer 2

最好创建一个元素并使用对它的引用，而不是让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);

Jquery中的多行和列

2 个答案: