Как вернуть пользовательское входное значение datatable

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();