在动态生成的 <tr> 表 jQuery 上获取属性值 .on("click")

Question

我从数据库动态生成了一个表。我将数据键存储为数据属性。现在我想把它拿出来，这样我就可以使用它了，但我一直不确定。

var row = "<tr class= 'trainInfo' data-key='" + dataKey + "'><td data- 
key='" + dataKey + "' >"
$('.table').append(row + (childSnapshot.val().train) +
"</td><td>" + (childSnapshot.val().destination) + "</td><td>" +
(childSnapshot.val().frequency) + "</td><td>" + (nextArrival) +
"</td><td>" + (minutesAway) + "</td></tr>");

$(document).on("click", "tr.trainInfo", function addRemove() {
    var changeTrain= $(this).attr("data");
    console.log(changeTrain)
});

我知道对此有很多问题，但我真的很陌生 编码，但我似乎仍然无法使其工作。

Answer 1

也许

$(this).data("key");

取决于 jQuery 版本

或

$(this).attr("data-key");

在你的情况下，我的代码将是

$(document).on("click", ".trainInfo", function() {
//    var changeTrain= $(this).attr("data-key");
//    or 
      var changeTrain=$(this).data("key");
    console.log(changeTrain)
});