多个图层的显示隐藏问题

llshanzi 2013-09-14 05:05:09
求助,请问以下代码能怎么样简写?

function frshow_city(id){
if(id==1){
$("#fromcity_div1").show();
$("#fromcity_div2").hide();
$("#fromcity_div3").hide();
$("#fromcity_div4").hide();
$("#fromcity_div5").hide();
$("#fromcity_div6").hide();
$("#tocity_div1").hide();
$("#tocity_div2").hide();
$("#tocity_div3").hide();
$("#tocity_div4").hide();
$("#tocity_div5").hide();
$("#tocity_div6").hide();
}
else if(id==2){
$("#fromcity_div1").hide();
$("#fromcity_div2").show();
$("#fromcity_div3").hide();
$("#fromcity_div4").hide();
$("#fromcity_div5").hide();
$("#fromcity_div6").hide();
$("#tocity_div1").hide();
$("#tocity_div2").hide();
$("#tocity_div3").hide();
$("#tocity_div4").hide();
$("#tocity_div5").hide();
$("#tocity_div6").hide();
}
.......
...全文
467 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
llshanzi 2013-09-16
  • 打赏
  • 举报
回复
引用 8 楼 veryhunger 的回复:
[quote=引用 4 楼 llshanzi 的回复:] [quote=引用 2 楼 veryhunger 的回复:] function frshow_city(id){ $([id^='fromcity_div']).hide(); $('#fromcity_div' + id).show(); }
你好,能不能给我讲一下id^='fromcity_div',我想不明白[/quote] 应该是这样
function frshow_city(id){
    $("[id^='fromcity_div']").hide();
    $('#fromcity_div' + id).show();
} 
[/quote] 学知识了,谢谢!
hxm20003 2013-09-16
  • 打赏
  • 举报
回复
数组做个循环试试看
  • 打赏
  • 举报
回复
引用 4 楼 llshanzi 的回复:
[quote=引用 2 楼 veryhunger 的回复:] function frshow_city(id){ $([id^='fromcity_div']).hide(); $('#fromcity_div' + id).show(); }
你好,能不能给我讲一下id^='fromcity_div',我想不明白[/quote] 应该是这样
function frshow_city(id){
    $("[id^='fromcity_div']").hide();
    $('#fromcity_div' + id).show();
} 
  • 打赏
  • 举报
回复
引用 4 楼 llshanzi 的回复:
[quote=引用 2 楼 veryhunger 的回复:] function frshow_city(id){ $([id^='fromcity_div']).hide(); $('#fromcity_div' + id).show(); }
你好,能不能给我讲一下id^='fromcity_div',我想不明白[/quote] 5楼讲了,就是那样
hch126163 2013-09-16
  • 打赏
  • 举报
回复
用一个变量保存以前显示的dom var orgCity=null; 全部需要隐藏的写成一个函数 function hide_tocity(){ $("#tocity_div1").hide(); $("#tocity_div2").hide(); $("#tocity_div3").hide(); $("#tocity_div4").hide(); $("#tocity_div5").hide(); $("#tocity_div6").hide(); }; function frshow_city(id){ if(orgCity)orgCity.hide(); orgCity = $("#fromcity_div"+id); orgCity.show(); hide_tocity(); }
原来缘来 2013-09-15
  • 打赏
  • 举报
回复
引用 4 楼 llshanzi 的回复:
[quote=引用 2 楼 veryhunger 的回复:] function frshow_city(id){ $([id^='fromcity_div']).hide(); $('#fromcity_div' + id).show(); }
你好,能不能给我讲一下id^='fromcity_div',我想不明白[/quote] ^= 以某字符串开头 比如 id^='aaa' 以id为aaa开头的dom元素 如id="aaa1" id="aaa2"
llshanzi 2013-09-15
  • 打赏
  • 举报
回复
引用 2 楼 veryhunger 的回复:
function frshow_city(id){ $([id^='fromcity_div']).hide(); $('#fromcity_div' + id).show(); }
你好,能不能给我讲一下id^='fromcity_div',我想不明白
quzi_12 2013-09-14
  • 打赏
  • 举报
回复
试试数组~学的不精
  • 打赏
  • 举报
回复
function frshow_city(id){ $([id^='fromcity_div']).hide(); $('#fromcity_div' + id).show(); }
beeflyme 2013-09-14
  • 打赏
  • 举报
回复
一: 使用空格间隔 即可在一行选择 $("#tocity_div2 #tocity_div3").show(); 二: 给那写编号的区域都加个 class 例如 class='testClass' 然后 $(".testClass").show(); 三: 在那些区域外面 增加个 div 例如 <div id='testDiv'> </div> 然后 $("#testDiv").show();

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧