javascript - jQuery检查每个链接的单击

$("#showKey").each(
    $(this).click(function(){
        alert($(this).attr("value"));
    })
);

和

<a id="showKey" href="#" value="{{ customer.key }}">
   <span class="icons icon-key"></span>
   Show key
</a>

警报给出和未定义的输出，只是“未定义”。我有一个客户列表，单击#showKey应该显示被点击客户的密钥。

我的代码有什么问题？

最佳答案

您不能有多个具有相同ID的元素-请改用类。此外，您不需要调用.each，而是使用类选择器：

$(".showKey").click(function(){
     alert($(this).data("key"));
);

<a class="showKey" href="#" data-key="{{ customer.key }}">Show key</a>