Как добавить с jQuery две или более строки с одинаковым идентификатором при нажатии кнопки

Question

У меня есть таблица со списком продуктов, извлеченных из API, а внизу - кнопка. Я пытаюсь добиться добавления другой таблицы только с элементами tr из первой таблицы, которые имеют идентификатор "product-row". Я использую метод find (), и он работает, но я не могу добавить все сразу, поэтому я должен нажать кнопку для каждой строки. Но когда я указываю в качестве параметра "tr" в методе find, это работает. Поэтому мой вопрос заключается в том, как добавить еще одну таблицу со всеми строками с указанным c ID одновременно.

$("#tableBody").on("click", "#addToAspect", function(){
    // #addToAspect is ID of button
    var row = $("#tableBody").find("#product-row"); // this is ID of row
   $("#aspectTable").append(row); // #aspectTable is second table

})

Answer 1

Только один уникальный идентификатор на странице - это обязательно .

var row = $("#tableBody").find("#product-row"); - всегда будет возвращать только первый найденный элемент с ID = product-row.

Можете ли вы заменить # product-row на класс .product-row? Если вы ничего не можете сделать со своим кодом - я предлагаю использовать его следующим образом:

$("#tableBody tr").each(function(index, elem){
    if(elem.attr('ID') === 'product-row'){
        $("#aspectTable").append(elem);
    }
});