如何使用jQuery将有限的值插入到HTML表格的每一行中

Question

如何使用jQuery将有限的值插入到HTML表格的每一行中

3

var intmob = [];
var strmob;

$(document).ready(function() {

  strmob = "1234567891,2453434523, 2345645643,4565464674,5901205466, 5234345516,2467284567,5343452891,5464667891,1234567891,5465284566,1234567891,1234567891, 1234567891, 1234567891, 1234567891";
  mob();
});

function mob() {
  var strArr = strmob.split(',');
  //intmob = [];
  for (i = 0; i < strArr.length; i++)
    intmob.push(parseInt(strArr[i]));
  return intmob;
}

function insertmo() {
  for (var i = 0; i < intmob.length; i++) {
    var t1 = intmob[0][0];
    var t2 = intmob[0][1];
    var t3 = intmob[0][2];
    var t4 = intmob[0][3];
    var t5 = intmob[0][4];
    var t6 = intmob[0][5];
    var t7 = intmob[0][6];

    $("#mo_1").text(t1);
    $("#mo_2").text(t2);
    $("#mo_3").text(t3);
    $("#mo_4").text(t4);
    $("#mo_5").text(t5);
    $("#mo_6").text(t6);
    $("#mo_7").text(t7);
  }
}

<table id="tbl" class="tbl1">
  <tr>
    <th>
      mobileno
    </th>
    <td>
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td id="Fo_1">
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td id="Fo_2">
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td id="Fo_3">
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td id="Fo_4">
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td id="Fo_5">
    </td>
  </tr>
</table>

如何将数组的有限值插入到HTML表格的每一行中。这里我希望每行最少插入一个值，最多插入三个值，如果一行已经插入了三个值，则其他值应该转移到下一行HTML表格。那么我该如何实现呢？我是jQuery的新手。

- ziel

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- R.Costa · Accepted Answer

您可以使用以下脚本来分隔您的值并填充表格行：

var strmob = "1234567891,2453434523,2345645643,4565464674,5901205466,5234345516,2467284567,5343452891";

var arrmob = strmob.split(",");

$('#tbl td').each(function(i) {
  var arrsub = arrmob.splice(0, 3);
  $(this).text(arrsub.join(';'));
});

以下是基于您的代码的完整示例：

JSFIDDLE