如何返回自定義數據表輸入值

Question

我有一個帶有生成輸入字段和按鈕的DataTable。當我點擊按鈕，我想console.log輸入字段內的值..可以有人幫助嗎？這裏是我生成的表：

var productsTable = $('#productsTable').DataTable({ 
    responsive: true, 
    "ajax": { 
     "url": "/api/products/", 
     "dataSrc": "" 
    }, 
    "columns": [ 
     { "title": "Product Code", "data": "product_code" }, 
     { "title": "Supplier", "data": "supplier" }, 
     { "title": "Category", "data": "category"}, 
     { "title": "Description", "data": "description"}, 
     { "title": "Price", "data": "invoice_price"}, 
     { "title": "Quantity", "defaultContent": "<input class='quantity' type='number'>" }, 
     { "title": "", "defaultContent": "<button class='btn btn-primary'>Click Me!</button>" }, 
    ] 
    }); 

這裏是我嘗試在點擊事件：

$("#productsTable tbody").on('click', 'button', function() { 
    var quantity = $(this).parents("tr:first").find('.quantity input').val(); 
    console.log(quantity); // returns undefined 
}); 

有人能幫忙嗎？

在此先感謝！

Answer 1

試試這個請

var quantity = $(this).parents("tr:first").find('.quantity').val();