点击图标切换（包括点击图标下面的文字也切换）

HTML：
 

              

                  

                      
                      
全部
                  
                  

                      
                      
温湿度
                  
                  

                      
                      
浸水
                  
                  

                      
                      
烟感
                  
              
          
 
  
 
  
 
  
 js: 
  
 
  
 //图片切换$('.envir ul li img').click(function(){//当前点击的未选中 if($(this).attr("class")=="down"){//其它选中的状态变为未选中状态$('.envir ul li img').each(function(){if($(this).attr("class")=="on"){$(this).removeClass("on");$(this).addClass("down");}})//选中当前点击图片$(this).removeClass("down");$(this).addClass("on"); } })//点字切换$('.envir ul li p').click(function () { if ($(this).siblings("img").attr("class") == "down") { $('.envir ul li img').each(function () { if ($(this).attr("class") == "on") { $(this).removeClass("on"); $(this).addClass("down"); } }) //选中当前点击图片 $(this).siblings("img").removeClass("down"); $(this).siblings("img").addClass("on"); }});