如何使用具有相同ID的多个按钮打开相同模式？

Question

我有一个foreach循环，其中创建了x个按钮：

 <a data-toggle="modal" data-target="#unlockModal" id="openUnlockModal" data-uid="@user.Uid" class="btn btn-default btn-sm">test</a>

如您所见，所有这些按钮的id都是相同的，当然，如果我单击其中一个，则只有那些按钮列表中的第一个会打开模式。

 $("#openUnlockModal").on("click", function (event) {
        var uid = $(this).data("uid");
        console.log(uid)
     //open my fancyModal here
    });

我面临的问题是我想将ID发送给存储在实际打开它的按钮上的模态。

那么如何将这个ID从按钮发送到模态？ 以及如何使所有按钮正常工作？

Answer 1

id只能是一页的id ，您可以将event添加到class ，就像这样

$(".btn").on("click", function (event) {
    var uid = $(this).data("uid");
    // $(this) will be refer to button which was clicked 
    console.log(uid)
});