如何仅在 Jquery dataTables 中编辑选定行的特定列值

Question

我有一个包含以下列的数据表

var t = $('#myDataTable').DataTable({
    
    "scrollX": true,
    "scrollY": true,
 
    columnDefs: [
        {//ProductName
            targets: 0, className: 'text-left'
        },
        {//Code
            targets: 1, className: 'text-center'
        },
        {//Quantity
            "render": $.fn.dataTable.render.number(',', '.', 4), "targets": 2, className:'text-right'
        }
    ]
});

用户可以使用以下代码通过单击行上的任意位置来选择行。

$('#myDataTable tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
}
else {
t.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
}
});

我想要实现的是，当用户单击“生成发票草稿”（如附件所示）时，数量列中的值将从 1234 更新。仅在所选行中。不是所有的行。

这是我试图做的，但它不起作用:(

$('#GenerateDraftInvoice').click(function () {
    t.row('.selected').$(this).parents('tr').data()[4].text('1234');
});

注意：为了便于理解，我已经缩短了代码。When The User Clicks on The Generate Draft Invoice Button as show in the picture. The quantity value in the selected row (RowNo: 2) will get change to 1234. I have shortened my code for easy understanding of the reviewer.

提前致谢。保持安全:)

Answer 1

假设数量是第 3 列。

$('#GenerateDraftInvoice').click(function () {
    $('tr.selected').children().eq(2).text('1234');
});

.eq() 从 0 开始，.data() 使用 data-modal 之类的属性

ps.Im 不确定 GenerateDraftInvoice 按钮的位置，但如果它附加到行，代码将更改为

$('#GenerateDraftInvoice').click(function () {
    $(this).parent().siblings().eq(2).text('1234');
});