                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

为什么我这个不行!!

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <title>挑战题</title>
    </head>
    
    <body>
    <ul>
        <li></li>
         <li></li>
          <li></li>
           <li></li>
            <li></li> <li></li> <li></li><a >更多</a>
        
    </ul>
    <script>
        $('document').ready(function(){
            $("li:gt(4)").hide();
        });
        $("a:contains('更多')").click(function(){
            $("li").show();
            $(this).html("简化");
        });
        $("a:contains('简化')").click(function(){
           $("li:gt(4)").hide();
            $(this).html("更多");
        });
        
        
    </script>
        
    </body>
</html>

为什么我这个不行!!

ning1022

2015-03-18

源自：jQuery基础课程 3-13

关注问题我要回答

547

操作

收起

1 回答

康振宁
2015-03-19

你应该这样写

<script>
        $('document').ready(function(){
            $("li:gt(4)").hide();
        });
        $("a:contains('更多')").click(function(){
            $("li").show();
            $(this).html("简化");
            $("a:contains('简化')").click(function(){
                $("li:gt(4)").hide();
                $(this).html("更多");
            });
        });
</script>

因为在页面刷新的时候找不到a:contains('简化')这条信息，所以不行，当你改变之后，再加上这个事件的时候，就可以点击触发了