javascript - Jqueryの複数の行と列

Question

次のように1つの行と複数の列に結果を表示する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);