Javascript 如何在Jquery中检测单击了哪个按钮

我有这样的代码：

@foreach(....)
<div class="col-md-3">
    <div class="thumbnail">
        <!-- content --!>
        <button class="btn btn-success btnEdit">Edit</button>
    </div>
</div>
@endforeach

但是如果我点击按钮，警报就不会出现，如何解决我的问题

*注：如果以前讨论过类似的问题，请道歉

谢谢

编辑
$（“.btnEdit”）。在（“单击”，函数（）{
警报（“点击”）；
});

您是否包含jquery？尝试使用$（document.ready（function（）{}）包装它

---

标题问题的答案： 如何在jQuery中检测单击了哪个按钮

…编辑。。。
编辑
编辑
$（文档）.ready（函数（）{
$（“.btnEdit”）。在（“单击”，函数（）{
var$按钮=$（此按钮）；
});
}); 

---

可以用于处理列出的零件（行…）

您的代码应该可以正常工作。它不会出现的唯一原因是1）您没有正确地包含jQuery 2）您正在DOM加载之前运行代码3）元素在DOM加载之后追加，并且您没有使用委派的事件处理程序。您是否在$（document）函数中执行此操作？因为您必须确保在附加事件监听器时创建dom，所以必须尝试在click事件内部创建控制台.log（$（this）），您将获得clicked button的所有对象。检查控制台的可能重复可能会有任何错误您可以打开控制台（开发人员工具）并检查线索。请不要说我没有加载jquery。。。我知道最基本的用法jquery@DarkCode999你还没有表现出来，所以我们不知道。请用更完整的问题示例更新您的问题。另外，回答一些关于这个问题的评论将有助于澄清这里的混乱，因为你所展示的东西在正确使用时会起作用。他可能没有添加插件。顺便说一句，我没有足够的分数添加评论。：）这就是为什么我把它作为一个答案发布。我想如果我不使用foreach（）我的代码工作得很好，因为我只使用了一个按钮，但我使用的是foreach，这意味着缩略图和按钮将超过1个你的意思是说你有多个按钮？

$(".btnEdit").on("click", function(){
    alert("clicked");
});

 $(document).ready(function(){
   $(".btnEdit").on("click", function(){
     alert("clicked");
   });
 });

<tr><td>...<button class="btn btn-success btnEdit">Edit</button>...</td></tr>
<tr><td>...<button class="btn btn-success btnEdit">Edit</button>...</td></tr>
<tr><td>...<button class="btn btn-success btnEdit">Edit</button>...</td></tr>


$(document).ready(function(){
  $(".btnEdit").on("click", function(){
    var $button = $(this);


  });
});