jquery - 行内のボタンクリックから DataTable のデータにアクセスする

Question

次の簡単な方法でデータ行にアクセスできます。

$('#received-body tr').click( function(){
    aData = received_table.fnGetData(this);
    selected_received_id = aData[0];
    alert( selected_received_id );
});

しかし、行の1つで呼び出されたボタンからそれらにアクセスすることはできません.received-update:

$('#received-body .received-update').click( function(){
    alert( 'update' ); // works
    aData = received_table.fnGetData( $(this).parents('tr')); // fails
    selected_received_id = aData[0];
    alert( 'update:' + selected_received_id );                      
});

どんな助けでも大歓迎

Answer 1

parent()が複数の行を与える可能性があるため、closerest を使用する必要がある場合があります。最も近い場合は、DOM 階層の最初の一致を取得します。

aData = recieved_table.fnGetData($(this).closest('tr')); // fails

Answer 2

aData = recieved_table.fnGetData($(this).parent('tr')); 

一致する要素の現在のセット内の各要素の親を取得するため、.parent()代わりに試してください。tr が tr の直接の子である場合にのみ機能します。そのシナリオでは、以下に示すように理想的です。.parents().parents().parent().closest()

aData = recieved_table.fnGetData($(this).closest('tr'));

上記がうまくいかない場合は、filterメソッドを試して、一致する要素のセットを減らしてください。