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

哪位大神指导一下哪里错了

<body>
       <ul>
           <li >苹果</li>
           <li >香蕉</li>
           <li>橘子</li>
           <li>火龙果</li>
           <li style="display:none">葡萄</li>
           <li style="display:none">杨桃</li>
           <li>西瓜</li>
           <a href="#">更多</a>
       </ul>
       <script type="text/javascript">
           $("a").click(function(){
               var $aText=$("a").html();
               if($aText=="更多"){
                   $aText=="简化";
                   $("li:gt(3):not(:last)").css("display","block");
               }else{
                   $aText=="更多";
                   $("li:gt(3):not(:last)").css("display","none") ;
               }
               })
       </script>
    </body>

慕神0198935

2015-07-30

源自：jQuery基础课程 3-13

关注问题我要回答

384

操作

收起

2 回答

常过无痕
2015-07-31

<!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 style="display:none">葡萄</li>
           <li style="display:none">杨桃</li>
           <li>西瓜</li>
           <a href="#">更多</a>
       </ul>
       <script type="text/javascript">
           $("a").click(function(){
               var $aText=$("a").html();
               if($aText=="更多"){
                   $("a").html("简化");//改动$aText=="简化";
                   $("li:gt(3):not(:last)").css("display","");//改动css("display","block")
               }else{
                   $("a").html("更多");//改动$aText=="更多";
                   $("li:gt(3):not(:last)").css("display","none") ;
               }
               })
       </script>
    </body>
</html>