多个图层的显示隐藏问题

Question

求助，请问以下代码能怎么样简写？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();
   }
.......

Answer 1

一： 使用空格间隔 即可在一行选择 
$("#tocity_div2 #tocity_div3").show();二： 给那写编号的区域都加个 class  例如 class='testClass'
 然后  $(".testClass").show();三： 在那些区域外面 增加个 div  例如  <div id='testDiv'>   </div>
  然后 $("#testDiv").show();

Answer 2

function frshow_city(id){
    $([id^='fromcity_div']).hide();
    $('#fromcity_div' + id).show();
}

Answer 3

你好，能不能给我讲一下id^='fromcity_div'，我想不明白

Answer 4

你好，能不能给我讲一下id^='fromcity_div'，我想不明白
^=  以某字符串开头   比如 id^='aaa' 以id为aaa开头的dom元素   如id="aaa1" id="aaa2"

Answer 5

用一个变量保存以前显示的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();
}

Answer 6

你好，能不能给我讲一下id^='fromcity_div'，我想不明白
5楼讲了，就是那样

Answer 7

你好，能不能给我讲一下id^='fromcity_div'，我想不明白
应该是这样
function frshow_city(id){
    $("[id^='fromcity_div']").hide();
    $('#fromcity_div' + id).show();
} 

Answer 8

你好，能不能给我讲一下id^='fromcity_div'，我想不明白
应该是这样
function frshow_city(id){
    $("[id^='fromcity_div']").hide();
    $('#fromcity_div' + id).show();
} 
学知识了，谢谢！