Question

用jquery为一组div添加click事件

一组:div的id是 div0，div1....div5
另一组的div id 是 dv0,dv1.... dv5 分别一一对应 想点击的dv1的时候显示div1
但如下这样写总是说没有物件。求解
$(document).ready(function(){
var arr={};
var arr1={};
for(var i=0;i<=4;i++)
{
arr[i]="div"+i;
arr1[i]="dv"+i;
$("#"+arr1[i]).click(function(){
$("#"+arr[i]).show();
});
}
});

Answer 1

楼主，你无非是想弄选项卡功能而已，我建议你换个方式会简单很多，我写个例子给你

你将一组div写成同一个类样式 如“div”，
你将二组div写成同一个类样式 如“dv”，

代码如下：
$(function(){
$(".div").each(function(n){
$(this).click(function(){
$(".dv").hide();

$(".dv").eq(n).show();

})

})

})

Answer 2

<script type="text/javascript">
$(document).ready(function(){
var count=1;
function change(){
for(var i=1;i<=5;i++){
if(i==count){
document.getElementById("div"+count).style.display="block";
}
else{
document.getElementById("div"+i).style.display="none";
}
}
}
})
</script>

Answer 3

就是给以di开头 和dv开头的div绑定点击事件 就jquery中有选择属性
$("div[id^=di]").bind("click",function(){
$(this).show();

$("div[id^=dv]").hide();
});
$("div[id^=dv]").bind("click",function(){
$(this).show();
$("div[id^=di]").hide();
});

Answer 4

有必要那么麻烦么?
$('div').click(function(){
$(this).show();
});
搞定