使用jQuery将项的散列附加到5组中？

Question

如何使用jQuery将项的散列附加到5组中？在rails中，我可以使用：in_groups_of()。jQuery有类似的东西吗？

用于澄清目标的图像：

​

HTML:

<div id="vehicle_model" style="display: none">
  <h3>Vehicle Model</h3>

  <table id="model" class="vehicle_options">
      <tr>
        <!-- model options -->
      </tr>
  </table>
<span id="model_selected"></span> 
</div>

jQuery:

models = {"Acura":["CL", "ILX", "ILX Hybrid", "Integra", "Legend", "MDX", "NSX", "RDX", "RL", "RLX", "RSX", "SLX", "TL", "TLX", "TSX", "TSX Sport Wagon", "Vigor", "ZDX"]};

$.each(models["Acura"], function( key, value ) {
  $('#model tr').append('<td id=\"'+value+'\">'+value+'</td>');
});

Answer 1

我设法产生了你想要的结果。我创建了一个内部分页机制。

你可以在http://jsfiddle.net/SyyTL/7/上看到它的动作

我为这个演示编写的代码如下所示：

function performRender() {
    var models = {
        "Acura": ["CL", "ILX", "ILX Hybrid", "Integra", "Legend", "MDX", "NSX", "RDX", "RL", "RLX", "RSX", "SLX", "TL", "TLX", "TSX", "TSX Sport Wagon", "Vigor", "ZDX"]
    };

    var pageSize = 5;

    var pageCount = models["Acura"].length / pageSize;

    for (var page = 0; page < pageCount; page++) {
        var pageElements = models["Acura"].slice(page * pageSize, (page + 1) * pageSize);
        debugger;
        var newTr = $('<tr />');
        $.each(pageElements, function (index, value) {
            $('<td />', {
                text: value
            }).appendTo(newTr);
        });

        newTr.appendTo('#model');
    }
}

$('button').click(function(){performRender();});

如果它对你有帮助，请标记为答案。