javascript - 如何将数组拆分为多维数组?

标签 javascript jquery arrays

所以我有一个返回职位列表的 JSON feed。我希望将解析后的数据拆分为 3 个节点。例如,现在我将所有节点附加到 HTML 中,如下所示:

<div class="slide">
  <div class="jobs-list">
    <a href="#" class="job">Title 1</a>
    <a href="#" class="job">Title 2</a>
    <a href="#" class="job">Title 3</a>
    <a href="#" class="job">Title 4</a>
    <a href="#" class="job">Title 5</a>
   </div>
</div>

我希望输出如下:

<div class="slide slide1">
  <div class="jobs-list">
    <a href="#" class="job">Title 1</a>
    <a href="#" class="job">Title 2</a>
    <a href="#" class="job">Title 3</a>
   </div>
</div>
<div class="slide slide2">
  <div class="jobs-list">
    <a href="#" class="job">Title 4</a>
    <a href="#" class="job">Title 5</a>
   </div>
</div>

这是我当前的 JS

$.get('sample-json/9.json', function (data) {
  var data = $.parseJSON(data);
  console.log(data);

  if (data.result.length === 0) {
    alert("No Data. Show Error Screen.");
  } else {
    count = 0;
    count++;
    $("#careers .slides").append('<div class="slide slide' + count + '"></div>');
    $('.slide' + count).append('<div class="jobs-list"></div>');

    $(data.result).each(function (i, d) {
      $('.slide' + count).find(".jobs-list").append(
        '<a class="job cf" href="#">'+ d.type + '</a>');
    });

  }
});

关于我应该如何做这件事有什么指示吗?

最佳答案

你知道模运算符吗? http://en.wikipedia.org/wiki/Modulo_operation

var currentBlock;
jobs.each(function(i, d){
  if(i % 3 == 0){
    //make a new block
    currentBlock = ...
    $("#careers .slides").append(currentBlock)
  }
  // add stuff to the current block
  currentBlock.append(...)
})

关于javascript - 如何将数组拆分为多维数组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18448230/

相关文章:

javascript - 用于使用面板和鼠标控制缩放 map 的插件

javascript - jQuery 滚动到页面底部锁定/断断续续/抖动滚动

python - numpy数组的边界框

c++ - 从文件中读入结构数组

arrays - swift3 在​​侧闭包中获取数组

javascript - Jquery Ajax 忽略请求

javascript - 在 Chrome App Webview 中检测和更改 src 的 URL

javascript - 数组仅在 for 循环的第一次迭代时更新

Javascript传递

javascript - 如何在jquery数据表中添加复选框?