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

Question

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

</table>

我可以通过使用for循环来获取特定值，但是我无法将这些特定值附加到特定的td id。我已经将td的id设置为html table.but我只能在第1行追加然后对于第二行，它不会将那些进一步的特定值插入到下一行。 如何将数组值插入特定的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 class="mo" id="mo_1"></td>但是td必须有类mo - 就像$.each(function(){})你可以保留你有自己的身份。它们不会干扰代码。

解释：我使用jQuery.each（）＆＃34; $(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); } }); } });＆＃34;功能通过每个html元素进行处理，该元素具有＆＃39; class =＆＃34; mo＆＃34;＆＃39;，插入相应的strm数组项作为函数的进展，直到没有更多的mo进入对象列表。这将允许您根据需要添加具有类mo和strm项的任意数量的元素，而无需更改任何jquery代码。

＆＃13;

＆＃13;

<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>

＆＃13;

for loop

＆＃13;

＆＃13;

＆＃13;