从具有输入数组的表中获取输入值[ajax]

Question

我有一个html表，其中数据使用ajax保存。问题是表中的每一行都接受一个输入，我可以获取表的其他行值，但无法获得inout值。无论我尝试什么，它都会显示未定义或空值。

//table 
$(".add-row").click(function () {
    var newid = id++;
    $("#stocktable").append('<tr valign="top" id="' + newid + '">\n\
        <td><input type=\'checkbox\' name=\'record\'></td>\n\
        <td class="category' + newid + '">' + document.querySelector('#category option:checked').textContent + '</td>\n\
        <td class="product' + newid + '">' + document.querySelector('#product option:checked').textContent + '</td>\n\
        <td class="quantity' + newid + '">' + "<input type='text' id='qty' class='form-control' placeholder='Enter quantity here...'>" + '</td>\n\
        <td class="product_id' + newid + '" style="display: none">' + $("#product").val() + '</td>\n\ </tr>');
});

问题在于用户输入的数量数据。

//this is how I am getting the other data
$("#buttonsave").click(function (e) {
    e.preventDefault();

    var lastRowId = $('#stocktable tr:last').attr("id"); //finds id of the last row inside table
    var product_name = new Array();
    var product_id = new Array();
    var quantity = new Array();
    for (var i = 1; i <= lastRowId; i++) {
        product_id.push($("#" + i + " .product_id" + i).html());
        product_name.push($("#" + i + " .product" + i).html()); //pushing all the names listed in the table
        quantity.push($("#" + i + " .quantity" + i).html()); //pushing all the ages listed in the table
    }
    var sendproduct_id = JSON.stringify(product_id);
    var sendproduct = JSON.stringify(product_name);
    var sendquantity = JSON.stringify(quantity);
}

我试图将此$("#qty").val()添加到数量。推送中，但无法获得输入。