jQuery-将单个表行拆分为三列的行

Question

我有一个数据库，该数据库在单行中输出一个表，我需要使用jQuery将单行分为三列的多行，如果我可以更改一个值使其成为4的多行也很好。或将来的5个。

HTML输出示例

<table class="staff">
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
      <td>6</td>
      <td>7</td>
      <td>8</td>
      <td>9</td>
      <td>10</td>
      <td>11</td>
      <td>12</td>
      <td>13</td>
    </tr>
  </tbody>
</table>

需要结果

Note，我无法编写jQuery，因此我操纵了现有的脚本，我在下面找到了该脚本，它创建了每行2列的倍数，但是当我尝试弄乱值时，我无法获得它每行显示3列。

jQuery

$("table.staff td").each(function(index) {
  var odd = isOdd((index + 1));
  if (odd) {
    $("table.staff tbody").append($("<tr>"));
  }
  $("table.staff tr").last().append($(this));
});
$("table.staff tr").first().remove();

function isOdd(num) {
  return num % 2;
}

fiddle

任何帮助将不胜感激

谢谢

Answer 1

您可以获取所有的td，然后使用splice()获取每行所需的项目数，然后将它们附加到tbody