カスタムデータテーブル入力値を返す方法

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