这么只显示当前的a标签

$(function(){
var div_li=$(".div li");
div_li.mouseover(function(){
$(this).addClass('b_div').siblings().removeClass('b_div');
$(this).find('a').show()
})
div_li.mouseout(function(){
$(".b_div").removeClass('b_div')
$(this).find('a').hide()
})
})

解决方案 »

  1.   

     var div_li=$(".div li:not(:last)");//排除最后一个
    $(function(){
        var div_li=$(".div li:not(:last)");
        div_li.mouseover(function(){
            $(this).addClass('b_div').siblings().removeClass('b_div');
            $(this).find('a').show()
            })
        div_li.mouseout(function(){
            $(".b_div").removeClass('b_div')
            $(this).find('a').hide()
            })
        })
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
      $(function(){
        var menu_li=$(".div_head li")
        menu_li.click(function() {
         $(this).addClass('active_h').siblings().removeClass('active_h');
         var menu_index=menu_li.index(this);
         $(".div1 > div").eq(menu_index).show().siblings().hide();
        });
      })
    $(function(){
    var li=$(".div_menu li:not(:last)");
    li.mouseover(function() {
    $(this).addClass('active').siblings().removeClass('active');

    });
    li.mouseout(function() {
    $(this).removeClass('active');
    });
    })
    </script>
    <style type="text/css">
     li{
      list-style: none;
     }
     .div_head{ }
     .div{
      width: 450px;
      margin: 100px auto;
      border: 1px solid #DCDCDC;
     }
     .div_head{
      float: left;
     }
     .div_head li{
      width: 50px;
      height: 30px;
      float: left;
     }
     .div_head li.active_h{
      background: #00BCF3;
      color: #FFF;
     }
     .div_menu{
      float: left;
      display: none;
     }
     .div_menu li{
      width: 100px;
      height: 100px;
      display: inline-block;
      border: 1px solid #313131;
     }
     .div_menu li.active{
      border: 1px solid #00BCF3;
     }
    </style>
    </head>
    <body>
    <div class="div">
    <div class="div_head">
    <ul>
    <li class="active_h">111</li>
    <li>222</li>
    <li>333</li>
    </ul>
    </div>
    <div class="div1">
    <div class="div_menu" style="display: block;">
    <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    </ul>
    </div>
    <div class="div_menu">
    <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    </ul>
    </div>
    </div>
    </div>
    </body>
    </html>
    请问下  我想这里每个div_menu li:last都不需要效果 要怎么做啊