JQuery多重点击事件？

Question

我的页面有两个div。

<div id="test-1000"></div> 
<div id="test-1111"></div> 

鉴于上述单一的点击事件源jQuery是：

$('#test-1000').click(function(){}); 

但如何实现两个DIV有类似被监控上述声明的点击事件，以及如何区分div，这是点击事件？

Answer 1

我将使用一个通用类属性组中的所有目标元素

<div class="test" id="test-1000" data-id="1000"></div> 
<div class="test" id="test-1111" data-id="1111"></div> 

然后

$('.test').click(function(){ 
    //here this.id will give the clicked div id and this will refer the clicked dom element 
    //$(this).data('id') will give 1000/1111 
}) 

Answer 2

只需使用$(this)在回调函数知道“这”元素的情况下开火。

$('.test').click(function() { 
    alert($(this).attr('id')); 
}); 

Answer 3

也许是这样的：

document.getElementById("test-1000").onclick = function(){}); 

不能被定义之前使用的元素。

Answer 4

我宁愿去与数据属性和类方法

HTML代码

<div class="test" data="0000">1</div> 
<div class="test" data="1111">2</div> 

JS

$('.test').click(function(){ 
    alert($(this).attr("data")); 
}); 

样品demo

Answer 5

或者，如果你不想或者不能修改你的html，你可以使用jquery "starts-with" selector 。

<div id="test-1000"></div> 
<div id="test-1111"></div> 

$("[id^='test']").on('click', function(){ 
    console.log(this.id); 
}); 

JsFiddle

Answer 6

HTML

<div class="test" id="test-1000" data-id="1000"></div> 
    <div class="test" id="test-1111" data-id="1111"></div> 

的js

$('.test').click(function(){ 
    //here this.id will give the clicked div id and this will refer the clicked dom element 
    //$(this).data('id') will give 1000/1111 
});