javascript - 从动态按钮将特定值传递给模态

Question

我的页面上有几个不同的模式需要将数据传递给它们。我用 this other question 解决了这个问题，它让我现在使用 jQuery 并且真的很有帮助。这就是我现在拥有的:

$(document).on("click", ".edit", function () {
    $(".modal-body #value").val($('.edit').data('id'));
});

我的问题是，由于我的页面动态创建了按钮(从基于模型的 foreach)，所以无论我单击哪个按钮，它都会从第一个按钮获取值。我该如何从单击的按钮中获取值。

我考虑过给它们所有单独的 ID，但我不想为每个 ID 创建一个函数。我读到这个 ​​.on 方法有一个数据属性，但我找不到一个很好的例子来说明如何使用它以及它是否适用于我的情况。

如果有人有任何建议，我将不胜感激。谢谢!

Answer 1

$(document).on("click", ".edit", function () {
    // Use $(this) to reference the clicked button
    $(".modal-body #value").val($(this).data('id')); 
});