jQuery 循环数字值添加事件

Question

有4个按钮，控制4个div
var i=1;
var num = $("#tejia").children("div").length;
for(i=1;i<=num;i++){
eval("$('#bnt_"+i+"').bind('click',function(){$('#bnt_"+i+"').css({'display':'block'});});");
}
我想点击按钮1，div1显示，其他隐藏。点击相应的按钮，相对应的div显示，其他隐藏。这个怎么实现，现在实现显示功能了，隐藏怎么实现呀？？

Answer 1

看你实现的好像不是DIV的显示啊。。而是button的显示

Answer 2

$('div[id^=bnt_]').hide();
$('#bnt_"+i+"').show();
这个思路吧

Answer 3

<input id="bnt1" type="button" value="1" />
<input id="bnt2" type="button" value="2" />
<input id="bnt3" type="button" value="3"  />
<input id="bnt4" type="button" value="4"  />
<div id="tejia">
<div>111</div>
<div>222</div>
<div>333</div>
<div>444</div>
</div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$(function(){
for(var i=1;i<=4;i++){
$("#bnt"+i).bind('click',(function(n){
return function(){
$("#tejia>div").each(function(index){
if(index==(n-1)) $(this).css("display","block");
else $(this).css("display","none");
})
}
})(i));
}
})
</script>