Question

使用下面的方法我尝试使用数据填充现有表，但该函数使用相同的值填充它。我可以执行这样的操作添加append方法，但在我的情况下，表应该已经存在：）

HTML

<table class="table">
        <tr><td></td></tr>
        <tr><td></td></tr>
        <tr><td></td></tr>
</table>

JQuery的

$.each(data, function(i, value){
    $(".table td").text(value.product);
}); 

var data= [
{"product":"RD0"},
{"product":"RD1-184"},
{"product":"RD1-185"}
]

Answer 1

这是使用上面的示例使用JSFiddle中的演示剪切的代码。

$(function() {
  var data = [{
    "product": "RD0"
  }, {
    "product": "RD1-184"
  }, {
    "product": "RD1-185"
  }];
  var table = $('.table');
  $.each(data, function(i, value) {
    table.find('tr').eq(i).find('td').text(value.product);
  });
});

https://jsfiddle.net/qur62os2/

Answer 2

你可能需要这样的东西：

$(".table").find('td').each(function(i) {
  $(this).text(data[i].product);
});

https://jsfiddle.net/ahmadabdul3/fn8q8e3x/

使用JQuery使用数据填充现有表

2 个答案: