直接JQuery点击事件到两个相同的元素？

Question

我有一个加载滑块/抽屉的网页。在网页内部，我为窗口展开时的抽屉内容加载了一个html div，并在窗口像手机一样的小窗口中折叠窗口时加载了另一个副本。

页面上有一个类似

的功能

$('#button').click(function(){
  //do something
});

的大按钮

<div id="button">
 //button here
</div>

在小版本之前加载。因此，单击较大的一个工作并触发.click事件，但对于小事件则不会。

如何点击小抽屉时，我的.click功能可以观察小抽屉上的点击事件？

Answer 1

如果我理解了这种情况，你需要一个能够处理来自多个元素的点击事件的函数。

我不会对元素使用ID，而是使用类来装饰需要该功能的类。然后使用'this'，我可以进一步修改被点击的项目......

$('.myClickable').click(function(){
  $(this).someFunc();
});

Answer 2

使用相同的类，不同的ID：

$('.button').click(function(){
var foo=$(this).attr('id');
alert(foo);
});

HTML：

<div class="button" id="bar">
</div>

<div class="button" id="moo">
</div>