Question

Jquery为DIV添加点击事件

我现有5个DIV 它们的ID都是one
<div id="one">1</div>
<div id="one">2</div>
<div id="one">3</div>
<div id="one">4</div>
<div id="one">5</div>
怎么为这5个DIV绑定点击事件，当点击第2个的时候弹出提示1,第2个的时候弹出提示2，依次类推....

Answer 1

对，id是唯一的，不能重复，但是可以添加class属性，例如，给每个div添加相同的一个class=“div”。然后就可以这么实现了：
$(".div").click(function(){
alert($(this).index()+1)
})

Answer 2

id不能重复的

<div id="one1">1</div>
<div id="one2">2</div>
<div id="one3">3</div>
<div id="one4">4</div>
<div id="one5">5</div>

<div id="mess1" style="display:none">message1</div>
<div id="mess2" style="display:none">message2</div>
<div id="mess3" style="display:none">message3</div>
<div id="mess4" style="display:none">message4</div>
<div id="mess5" style="display:none">message5</div>

$(document).ready(function(){
$('#one1').click(show());

var show = function(c){
$('#mess'+c).show();
}
})

Answer 3

<script type="text/javascript">
$(function(){
$("div").each(function(){
$(this).click(function(){
alert($(this).text());
});
});
});
</script>

这是代码 自己引进jquery的库

Answer 4

$("[id=one]").each(function(i,obj){
	$(obj).click(function(){
		alert($(this).text());
    });
});

希望能帮到你~

Answer 5

$('#one').each(function(i){
$(this).bind('click',function() {
alert($(this).html());
});
});