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

检查了好久，找不到错误，但就是不能运行

<body>
        <div>
            <ul>
                <li>一</li>
                <li>二</li>
                <li>三</li>
                <li>四</li>
                <li>五</li>
                <li>六</li>
                <li>七</li>
                <li>八</li>
            </ul>
            <a href="javascript:;" >更多</a>
        </div>
        <script>
        $(function(){
             $("li:ep(5)").css("display","none");
             $("li:ep(6)").css("display","none");
             $("li:ep(7)").css("display","none");
             $("a").click(function(){
                 if($("a").text()==="更多"){
                     $("a").text("简化")；
                     $("li:ep(5)").css("display","list-item");
                     $("li:ep(6)").css("display","list-item");
                     $("li:ep(7)").css("display","list-item");
                     }else{
                         $("a").text("更多");
                         $("li:ep(5)").css("display","none");
                         $("li:ep(6)").css("display","none");
                         $("li:ep(7)").css("display","none");
                     }
                 });
             })
        </script>
    </body>

梓summer

2015-12-14

源自：jQuery基础课程 3-13

关注问题我要回答

170

操作

收起

2 回答

李晓健
2015-12-14

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jq</title>
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>
</head>
<body>
<div>
    <ul>
        <li>一</li>
        <li>二</li>
        <li>三</li>
        <li>四</li>
        <li>五</li>
        <li>六</li>
        <li>七</li>
        <li>八</li>
    </ul>
    <a href="javascript:;" >更多</a>
</div>
<script>
    $(function(){
        // eq全都写了ep
        $("li:eq(5)").css("display","none");
        $("li:eq(6)").css("display","none");
        $("li:eq(7)").css("display","none");
        $("a").click(function(){
            if($("a").text()==="更多"){
                $("a").text("简化");//这里的;是中文的
                     $("li:eq(5)").css("display","list-item");
                $("li:eq(6)").css("display","list-item");
                $("li:eq(7)").css("display","list-item");
            }else{
                $("a").text("更多");
                $("li:eq(5)").css("display","none");
                $("li:eq(6)").css("display","none");
                $("li:eq(7)").css("display","none");
            }
        });
    })
</script>
</body>
</html>