создайте новый tr после каждого третьего td

Question

Динамически создать TR, который может содержать только 3 TD. Итак, если у меня есть 6 элементов, то будут сгенерированы два TR. Я написал здесь какой-то свободный код. Пожалуйста, исправьте.

Заранее спасибо.

while(j<=6) {

        $('#table tbody').append('<tr><tr>');
            for(var k=0; k<3; k++) {
                var divData = '<td><article><div><span onmouseover="navigateDressMe(this,$(this).parent());" onclick="navigateFromTRA($(this).parent().find("a"));" style="cursor: pointer;"><img style="width:200px;border-width:0px;" src="/resources/images/'+StrVideoJsonOBj.tableVideo[k].SmallImageURL+'" title="'+StrVideoJsonOBj.tableVideo[k].Title+'"></span><p><a title="El congelador, tu mejor aliado en la cocina" href="">'+StrVideoJsonOBj.tableVideo[k].Title+'</a><span>&nbsp;</span>Aprovecha el congelador para ahorrar tiempo en la cocina y conservar bien tus alimentos</p><a href=""></a></div></article></td>';

                $('#table tbody tr').append(divData);
                j = j+3;

            }




        }

Answer 1

Оператор% является правильным выбором, вам просто нужно переосмыслить свою логику там.

Каждая третья строка - это когда k% 3 будет 0, то есть когда вы хотите напечатать новый tr.К каждому другому k вы захотите добавить один из своих тд.

Answer 2

Вы можете создать структуру таблицы, используя один цикл для строк и вложенный цикл для столбцов:

$(function () {
     var $table = $('#table tbody');
     var maxRow = 2;
     var maxCol = 3;
     for (var row = 0; row < maxRow; row++) {
        $table.append('<tr></tr>');
        $row = $('#table tr:last');
        for (var col = 0; col < maxCol; col++) {
            $row.append('<td>row '  + row + ' column ' + col +'</td>');
        }
    }
});

Answer 3

Вы хотите добавить его только к последнему добавленному TR, поэтому сделайте это:

$('#table tbody tr:last').append(divData);