如何将数组值插入特定的 td id

Question

<table id="tbl" class="tbl1">
  <tr>
    <th>
      mobileno
    </th>
    <td>
    </td>
  </tr>

</table>

我可以通过使用 for 循环来获取特定值，但我无法将这些特定值附加到特定的 td id 中。我已经将 td 的 id 设置到 html 表中。但我只能在第一行附加并且然后对于第二行，它不会将那些进一步的特定值插入下一行。 如何将数组值插入特定的 td id

Answer 1

试试这个而不是你的数组：

  var intArr = [111, 201, 345, 434, 532, 677, 790, 890, 989, 118, 107, 136, 125, 153, 142];

和

$("#mo_" + i).append(arrfo);

Answer 2

使用

$("#mo_" + i).append(intmo[j]);

Answer 3

试试这个

var arrfo = [];
$(document).ready(function() {
  var intArr = [111, 201, 345, 434, 532, 677, 790, 890, 989, 118, 107, 136, 125, 153, 142 ];
  populatevalues(intArr);
});


function populatevalues(intArr) {
  for (i = 0; i < 6; i++) {
    for (j = i * 3; j < 3; j++) {
      var arrfo = intArr[j];
      $("#mo_"+j).append(arrfo);
    }
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table id="tbl" class="tbl1">
  <tr>
    <th>
      mobileno
    </th>
    <td id="mo_0"> 
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td id="mo_1">
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td id="mo_2">
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td id="mo_3">
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td id="mo_4">
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td id="mo_5">
    </td>
  </tr>
</table>

Answer 4

更新：现在这与您的代码完全不同，但是它将允许您将 strm 数组中的项目动态插入 <td></td> 但 td 必须具有类 mo - 就像 <td class="mo" id="mo_1"></td> 您可以保留您拥有的 id。它们不会干扰代码。

解释：我使用 jQuery.each() "$.each(function(){})" 函数遍历每个具有 'class="mo"' 的 html 元素，随着函数的进行插入相应的 strm 数组项，直到有对象列表中不再有 mo。这将允许您添加任意数量的带有类 mo 和 strm 项目的元素，而无需更改任何 jquery 代码。

  $(document).ready(function() { // encapsulate all functions in document ready function

    // this is the strm array, in order to have a proper array you must have values inside "value" separated by ,
    var strm = ["111", "201", "345", "434", "532", "677", "790", "890", "989", "118", "107", "136", "125", "153", "142"];
    // execute mo, pass strm array to function.
    mo(strm);

    // mo function with array as input value
    function mo(array) {
      // jQuery.each() method.
      // pass array as input value.
      $.each(array, function(i, val) { // << index and value of each item in strm array
        // if i is less than or equal to the number of elements with class mo,
        if (i <= $(".mo").length) {
          // get element with class mo equal to strm array index, insert value
          $(".mo").get(i).append(val);
        }
      });
    }
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tbl" class="tbl1">
  <tr>
    <th>
      mobileno
    </th>
    <td class='mo' id="mo_0">
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td class='mo' id="mo_1">
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td class='mo' id="mo_2">
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td class='mo' id="mo_3">
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td class='mo' id="mo_4">
    </td>
  </tr>
  <tr>
    <th>
      mobileno
    </th>
    <td class='mo' id="mo_5">
    </td>
  </tr>
</table>