Заполнение существующей таблицы данными с помощью 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/