Question

我们可以在jquery中为一个具有相同类名的按钮列表编写一个click事件吗？ html部分是这样的

<a id="c1768" class="MyButton button " href="#" style="" name="c1768">Add to cart</a>
<a id="c1769" class="MyButton button " href="#" style="" name="c1769">Add to cart</a>
<a id="c1770" class="MyButton button " href="#" style="" name="c1770">Add to cart</a>
<a id="c1771" class="MyButton button " href="#" style="" name="c1771">Add to cart</a>

和脚本部分是

$("MyButton button").click(function(){ //some event });

如果单击任何按钮，我想要执行该事件，但代码不起作用。有人请帮忙....谢谢

Answer 1

$(".MyButton.button").click(function(){ //some event });

Answer 2

你错过了一个点不应该是这个：

$(".MyButton").click(function(){ //some event });

Answer 3

$(".MyButton.button").click(function(){ alert("Done!");});

http://jsfiddle.net/BYbBr/

Answer 4

应该是：

$(".MyButton").click(function(){ //some event });

Answer 5

你必须在类名中添加一个点（记住，jQuery选择器实际上是css选择器！）。

试试这个：

$(".MyButton .button").click(function(){ //some event });

Answer 6

您的选择器错误，使用点（。）定义类，MyButton和按钮位于同一级别：

$(".MyButton.button").click(function(){ //some event });

如果你有多个元素的事件，你应该考虑使用$ .on（）;请参阅：http://api.jquery.com/on/

单击事件以获取具有相同类名的按钮列表

6 个答案: