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

Question

我有一个foreach LOOPE在那里我创建按钮的X量：

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

正如你所看到的ID是所有这些按钮都是一样的，和ofcourse如果我点击其中一个只有第一个在这些按钮的列表将打开模式。

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

我面临的问题是，我想发送一个id到存储在实际打开它的按钮上的模式。

那么我如何将这个ID从按钮发送到模态？以及我如何获得所有按钮的工作？

Answer 1

id必须只有一个页面，你可以添加事件class，这样

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