在动态生成的表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)
});