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

Populate Existing Table With Data Using JQuery

本文关键字：填充 数据 JQuery 使用      更新时间：2023-09-26

使用下面的方法，我尝试用数据填充现有表，但该函数使用相同的值填充它。我可以执行添加附加方法的此类操作，但就我而言，该表应该已经存在:)

.HTML

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

杰奎里

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

下面是使用上面的示例截取的代码，其中包含 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/

您可能需要这样的东西：

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

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

相关文章：