jQuery 循环数字值添加事件

[zubin_hu]

有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显示，其他隐藏。这个怎么实现，现在实现显示功能了，隐藏怎么实现呀？？

[三石-gary]

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

[Acesidonu]

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

[zubin_hu]

[Quote=引用楼主 zubin_hu 的回复:]
有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，……
[/Quote]后面那个写错了，无所谓。我现在的问题是怎么把不是对应的隐藏

[hookee]

<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>