Question

我从MongoDB获取一个项目列表，每行显示一个项目。

但我希望每行显示x（例如3个）项目，而不仅仅是1.我怎样才能实现这一目标？我要用桌子吗？

无序列表的当前输出：

-item1 -item2 -item3 -...

达到产量：

item1 item2 item3

item4 item5 item6

item7 item8 item9

Answer 1

假设你的标记中有一个表格，你可以做这样的事情：

$.each(yourListOfItems, function(index, value){

    var tRow = $('<tr>');

    for (var i = 0; i < 3; i ++){
        var tCell = $('<td>');
        tCell.text(value);
        tRow.append(tCell)
    }

    $(#yourTableID).append(tRow)
});

Answer 2

实际上我认为这个话题很复杂，并没有考虑到，div可以解决我的任务：

一个div-container（约610px，让它命名为deviceWrapper）
x child divs（name：device） - ＆gt;所以每行有2个设备组织

＆＃13;

#deviceWrapper{
    position: relative;
    padding-top: 5px;
    width: 610px;
    overflow: hidden;
    background-color: #eee;
    padding-left: 5px;
    border: 5px;
}

.device{
    width: 300px;
    height: 200px;
    margin-bottom: 5px;
    margin-right: 5px;
    float: left;
    overflow: hidden;
    background-color: aqua;
}

＆＃13;

为MongoDB Query的Result创建表

2 个答案: