在javascript中使用data-attribute

Question

我有表格行，每个表格都有一个ID。如果我的代码看起来像这样，我如何使用data-attribute按钮EDIT？

//some javascript code

var content = '<button type="button" class="btn btn-success edit_shipment" data-id="b.booking_id">Edit</button>';
return content;

//some javascript code again

//when Edit onclick, it shows modal
$('#booking_table tbody').on('click', 'button.edit_shipment', function(){
 $('#edit_shipment_modal').modal('show');

data-id="b.booking_id"无效

提前致谢

Answer 1

您可以使用jquery-Method attr();将属性的名称作为字符串参数传递。它返回给定属性的值。

$(this).attr('data-id');

这是一个工作示例： https://jsfiddle.net/TobiObeck/8g6kxxow/

Answer 2

var tr = $(this).closest("tr");
var id = $(this).attr("data-id");