如何打開具有相同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) 
});