jquery - 在 JQuery DataTable 中的按钮单击中传递 ID

Question

如何将 id 传递到此处的事件？

            {
              var tr = $(this).closest('tr');
              var id = tr.children('td:eq(0)').text()
              data: null,
              render: function ( data, type, row ) {
                return '<button id="btnAddNotes" type="button" class="btn btn-success" data-toggle="modal" data-target="#my_modal">Add Notes</button>';
              }
            },

我是这样读的

$(document).on("click", "#btnAddNotes", function (e) {
 //here is where I want to see the id i'm passing
}

编辑
这就是我构建列的方式，我想使用列的行 id At Location -> 我将如何设置？

columns: [
{ 
    title: "At Location",
    data: "id" ,
    width: "10%",
    className: "text-center",
    render: function (data, type, full, meta){
    return '<input type="checkbox" name="id[]" value="' + $('<div/>').text(data).html() + '">';
    }
},
{
    title: "Notes",
    render: function(data, type, row, meta) {
    return '<button data-id="' +
    row. + // I want to use the At Location value
    '" class="btn" type="button">Add Notes</button>'; }
}
]

Answer 1

您可以将其添加为数据属性。

var tr = $(this).closest('tr');
var id = tr.children('td:eq(0)').text()
{
  data: null,
  render: function(data, type, row) {
      return '<button id="btnAddNotes" type="button" data-id="' + id + '" class="btn btn-success" data-toggle="modal" data-target="#my_modal">Add Notes</button>';
  }
}



$(document).on("click", "#btnAddNotes", function(e) {
  var id = $(this).attr("data-id");
})