Question

我正在尝试迭代同一td标签中的数组我尝试这样做：

$.each(data, function(index, val){                       
        row.append($("<td>" + val.attr_value; + "</td>"));
        });

但是它正在循环打印两个td标签，但是我需要在单个td标签中迭代并打印值

Answer 1

首先在您的迭代块中生成数据：

$.each(data, function(index, val){                       
    //Concatenate data here
    });

然后将生成的data插入TD并将其附加到所需内容：

row.append($("<td>" + data ));

Answer 2

here is an example how to add td with values programmatically

let data = [1, 2]
let $td = ''
$.each(data, function(index, val) {      
  $td += '<td>' + val + '</td>'   
})

$('table tbody tr').append($td)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <thead>
      <tr>
          <th>first column</th>
          <th>second column</th>
      </tr>
    </thead>  
    <tbody>
        <tr></tr>
    </tbody>
  </table>

Answer 3

If you want everything from the data array inside a single <td> you need to move the creation of the td outside your loop, and let the loop simply build your content as a string. Something like this:

var content = "";
$.each(data, function(index, val){
  content += val.attr_value + " ";
});
row.append($("<td>" + content + "</td>"));

td标签内的jquery .each循环

3 个答案: