为了账号安全,请及时绑定邮箱和手机立即绑定

jquery求大神看看哪里错了

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>挑战题</title>

    </head>


    <body>

        <ul>

            <li>1</li>

            <li>2</li>

            <li>3</li>

            <li>4</li>

            <li>5</li>

            <li>6</li>

            <li>7</li>

            <li>8</li>

            <li>9</li>

            <li>0</li>

        </ul>  

        <a href="#" >更多</a>

       

        <script type="text/javaScript">

        $("li:eq(4)~li").css("display","none");

            $("a").click(function(){

                if($("a").text=="更多"){

                    $("a").text("简化");

                    $("li:eq(4)~li").css("display","list-item");

                }

                else{

                    $("a").text("更多");

                    $("li:eq(4)~li").css("display","none");

                }

                });

        </script>

    </body>

</html>


正在回答

6 回答

你的代码中有一句if($("a").text=="更多")  这句少了括号,应该是if($("a").text()=="更多"

0 回复 有任何疑惑可以回复我~

加了这个之后,只是把后面几个li隐藏了,那个更多,简化功能还是实现不了

0 回复 有任何疑惑可以回复我~

什么意思,要导入一个jquery文件吗

0 回复 有任何疑惑可以回复我~
 <script type="text/javaScript">
        $("li:eq(4)~li").css("display","none");
            $("a").click(function(){
            
                if($("a").text()=="更多"){
                    $("a").text("简化");
                    $("li:eq(4)~li").css("display","list-item");
                }
                else{
                    $("a").text("更多");
                    $("li:eq(4)~li").css("display","none");
                }
                });
        </script>


0 回复 有任何疑惑可以回复我~

$ is not defined  你没有引入jQ库

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154801    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

jquery求大神看看哪里错了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信