可以将不同的值插入到不同的行表中？当添加行和插入项目时，第一行项目将像第二行项目一样发生变化。

var count = $(".itemRow").length;
$(document).on("click", "#addRows", function () {
    count++;
    var htmlRows = "";
    htmlRows += "<tr>";
    htmlRows += '<td><input class="itemRow" type="checkbox"></td>';
    htmlRows +=
        '<td><div style="display: flex;"><input style="width:60%; margin-top:0.5%; margin-left:0.5%" type="text" name="productName[]" id="productName_'+ count +'" class="form-control" autocomplete="off">&nbsp <p class="item-select items" style="padding-top:1%;"> or <a href="#" data-target="#myModal">select a product</a></p></div></td>';
    htmlRows +=
        '<td><input type="number" name="quantity" id="quantity_' +
        count +
        '" class="form-control quantity" autocomplete="off"></td>';
    htmlRows +=
        '<td><input type="number" name="price" id="price_' +
        count +
        '" class="form-control price" autocomplete="off"></td>';
    htmlRows +=
        '<td><input type="number" name="total" id="total_' +
        count +
        '" class="form-control total" autocomplete="off"></td>';
    htmlRows += "</tr>";
    $("#invoiceItem").append(htmlRows);
});

$(document).on("click", "#modal", function (){
        var productName = $("#productname").val();
        var nameProduct = productName.split('||')[0];
        var pPrice = pr`your text`oductName.split('||')[1];
        $("[id^=productName_]").val(nameProduct);
        $("[id^=price_]").val(pPrice);
    });

1st row
when add 2nd row and insert item
Expected