<ul id="pagelist">
        <li><a href="#">1</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">1</a></li>
      </ul>
 ul#pagelist{ list-style-type:none;}
    ul#pagelist li{ list-style-type:none; float:left; padding:5px;}
    ul#pagelist li a{ display:block;}
    ul#pagelist li a.current{ background-color:ActiveBorder; width:10px; padding:5px;}
 $(document).ready(function() {
            $("ul#pagelist li a").each(function() {
                $(this).click(function() {
                    $(this).addClass("current");
                    $(this).siblings().removeClass("current");
                });
            });
        });如何实现点击后该链接有背景色,而其他链接没有颜色?

解决方案 »

  1.   


     $("ul#pagelist li a").click(function() {
                        $("ul#pagelist li a").removeClass("current");
                        $(this).addClass("current");
                    });
      

  2.   

     $(document).ready(function () {
          $("ul#pagelist li a").each(function () {
            $(this).click(function () {
              $(this).parent().siblings().children().removeClass("current");
              $(this).addClass("current");
            });
          });
        });
      

  3.   

    .siblings()http://jqapi.com/#p=siblings
      

  4.   

    和zell419的写法是一个意思,我也是这样写的,谢谢孟老大!