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

提示中说用gt()和:not(:last)来控制<li>元素显示的内容.这句话不知道是什么意思

提示中说用gt()和:not(:last)来控制<li>元素显示的内容.这句话不知道是什么意思。 没有用到这2个代码 也能显示出来。

正在回答

6 回答

题目的要求是“初始时:<ul>元素中仅显示5个<li>元素,其中包含还包括最后一个<li>元素,<a>元素中的显示"更多"字符.”

原题目本身就要求最后一个li是简化版时显示的,用gt()和:not(:last) 就不需要去人为的设定eq()


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

坤_0804 提问者

非常感谢!
2015-08-18 回复 有任何疑惑可以回复我~
li:gt(4):not(li:last)


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

gt(number)获取number之后的元素number从0开始;

not()排除的意思元素 

:last最后一个元素。排除最后一个元素,因为把<a>排除掉。

我是这样理解的。如果理解的不对求大神指正。

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

        <ul>

            <li>1</li>

            <li>2</li>

            <li>3</li>

            <li>4</li>

            <li>5</li>

            <li>6</li>

            <li>7</li>

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

        </ul>

        <script>

            $(function(){

                $("li:gt(4):not(li:last)").hide();

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

                    var html=$(this).html();

                    if(html=="更多"){

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

                        $("li").show();

                    }else if(html=='简化'){

                        

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

                        $("li:gt(4):not(li:last)").hide();    

                    }

                });

        });       

        </script>


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

$(function(){

                $("li:gt(4):not(li:last)").hide();

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

                    var html=$(this).html();

                    if(html=="更多"){

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

                        $("li").show();

                    }else if(html=='简化'){

                        

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

                        $("li:gt(4):not(li:last)").hide();    

                    }

                });                

            });


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

你需要重新看一遍

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

举报

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

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

进入课程

提示中说用gt()和:not(:last)来控制<li>元素显示的内容.这句话不知道是什么意思

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号