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

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')); 
});