用数据填充现有表使用JQuery

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/