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

求解,为什么简化的时候不起作用

<!DOCTYPE html>

<html>

    <head>

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

        <title>挑战题</title>

        <script  src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

        <script>

           $(function(){

                $("li:eq(5),li:eq(6),li:eq(7)").css("display","none");

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

                    if($("a").html("更多")){

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

                        $("li:eq(5),li:eq(6),li:eq(7)").css("display","list-item");

                    }else{

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

                        $("li:eq(5),li:eq(6),li:eq(7)").css("display","none");

                    } 

                    

                });

                

            })

        </script>

    </head>

    

    <body>

        <ul>

            <li>第一个</li>

            <li>第二个</li>

            <li>第三个</li>

            <li>第四个</li>

            <li>第五个</li>

            <li>第六个</li>

            <li>第七个</li>

            <li>第八个</li>

        </ul>

        <a href="javascript:;">更多</a>

    </body>

</html>


正在回答

3 回答

$("a").html("更多")这个结果不能达到楼主想要的判断是不是更改了原来的链接文字的目的吧。

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

王不留形 提问者

可以的,第一次点击正常,问题应该出在else部分
2016-01-06 回复 有任何疑惑可以回复我~
#2

王不留形 提问者

刚看到html()方法,觉得你说的对
2016-01-06 回复 有任何疑惑可以回复我~

 if($("a").html()=="更多")

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

list-item  改成  block

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

王不留形 提问者

点第一次成功显示了,显示成列表元素也可以,没必要显示成块状元素,不是这里的问题
2016-01-06 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

求解,为什么简化的时候不起作用

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