Javascript 为每个选定元素激发jQuery事件

我有几个按钮，我想绑定事件。它们都有相同的css类，所以我通过该类选择它们，并在mouseup上绑定一个事件。问题是当我点击一个按钮时，每个按钮调用一次函数，而不是一次

$('.btn').mouseup(function() {
  console.log('fired');
});

使用

您还可以使用委托绑定页面上的所有按钮：

$("body").on("click", ".btn", function(event){
alert($(this).text());
});

---

我没有看到这种情况发生，你还缺什么吗

$(document).ready(function () {
    $('.btn').mouseup(function() {
        alert($(this).val());
    });
});

---

fiddle-

请显示您的标记，这听起来很奇怪。这不是您的代码在这个fiddle中所做的，因为您发布的代码不会发生这种情况。我想您的代码在一个循环中创建了这些按钮，将多个处理程序附加到所有按钮上。另一个原因可能是你的标记错误，并且你的按钮被意外嵌套了。我的错误是，我刚刚意识到我的javascript部分输出了6次到页面。谢谢各位的建议。

$(document).ready(function () {
    $('.btn').mouseup(function() {
        alert($(this).val());
    });
});