Question

我有这样的代码：

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

我在我的jquery

中尝试过这样的

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

但如果我点击按钮，警报永远不会出现，如何解决我的情况？

*注意：对不起，如果这个问题在之前讨论过

感谢

Answer 1

＆＃13;

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css" media="screen" />
</head>

<body>

<div class="col-md-3">
    <div class="thumbnail">       
        <button class="btn btn-success btnEdit">Edit</button>
    </div>
</div>
</body>
<script>

$(".btnEdit").on("click", function(){
    alert("clicked");
});
</script>

＆＃13;

警报工作正常。您是否在代码中添加了jquery插件？

Answer 2

你是否包含了jquery？尝试使用$（document）.ready（function（）{}）

来包装它

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

Answer 3

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

<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);


  });
});

可用于处理列出的部分（行......）

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

3 个答案: