jquery - 使用tbody和jQuery.appendTo()对表数据进行分组

jquery - 使用tbody和jQuery.appendTo()对表数据进行分组,第1张

我确信这只是一个小问题,但我找不到它无效的根本原因。我正在尝试使用tbody标记将数据分组到表中。 tbody标签也将由jQuery创建,但不会插入正确的位置。

$.each(response, function(key, value) {
    $('<tbody data-set=' key '>').appendTo('#table__cars');
    $('<tr><td rowspan=3><img class="img--thumbnail" src="' value.thumbnail '"></td><td>Model</td><td>' value.makeModelDescription '</td><td rowspan=2><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></td></tr>').appendTo('#table__cars');
    $('<tr><td>Erstzulassung</td><td>' value.firstRegistration '</td></tr>').appendTo('#table__cars');
    $('<tr><td>Killometerstand</td><td>' value.mileage '</td><td>' value.isInsideMysqlDb '</td></tr>').appendTo('#table__cars');
});

产生

jquery - 使用tbody和jQuery.appendTo()对表数据进行分组,enter image description here,第2张

但是15个表行应该分为5个tbody元素。任何有更多jQuery经验的人都可以帮助找到问题的根本原因。

非常感谢提前。

赫伯特

在Parkash Kumar建议更改后,我得到以下结果。每个tbody标签应该只有3行。但现在行数从tbody减少到tbody标记。

jquery - 使用tbody和jQuery.appendTo()对表数据进行分组,enter image description here,第3张

最佳答案:

1 个答案:

答案 0 :(得分:1)

在Parkash Kumar的支持下,我能够自己解决这个问题。低于工作解决方案。

$.each(response, function(key, value) {
    $('#table__cars').append('<tbody data-set=' key '></tbody>');
    $('tbody[data-set=' key ']')
        .append('<tr><td rowspan=3><img class="img--thumbnail" src="' value.thumbnail '"></td><td>Model</td><td>' value.makeModelDescription '</td><td rowspan=2><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></td></tr>')
        .append('<tr><td>Erstzulassung</td><td>' value.firstRegistration '</td></tr>')
        .append('<tr><td>Killometerstand</td><td>' value.mileage '</td><td>' value.isInsideMysqlDb '</td></tr>');
});

祝你好运, 赫伯特

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复