有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显示,其他隐藏。这个怎么实现,现在实现显示功能了,隐藏怎么实现呀??
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显示,其他隐藏。这个怎么实现,现在实现显示功能了,隐藏怎么实现呀??
解决方案 »
- 限制text的输入只能是数字和英文字母x
- HTML,XML,JavaScript相关问题求助。
- aptana及VS调试JS,调试窗口不显示变量等咋弄呢?
- 鼠标划过时表格里的内容被切换的问题(急!急!急!)
- 跪求做和算法a+b+c=d
- iframe中src的页面刷新的问题!!!
- xiaoshi(java入门中....)(半知不解):请进来拿分 | 原因:http://expert.csdn.net/Expert/topic/1814/1814513.xml?temp=.5701105
- 如何实现文字的上下滚动(中间无空白)
- 动态显示图片-------------------100分
- js或jquery怎么在服务器端写xml
- 如何在vs2008里面调试js
- js代码书写问题
$('#bnt_"+i+"').show();
这个思路吧
<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>