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

貌似不需要:not(:last),直接用li:last就搞了,求:not(:last)指导

正在回答

1 回答

这是我用:not(:last)写的。:not代表不是 :not(:last)表示不是最后。

<!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(){

       $(".change").bind("click",

         function(){

            if($(this).text()==='更多'){

            $(this).text('简化');

             $("li:hidden").show();

             }else if($(this).text()==='简化'){

           $(this).text('更多');

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

          

        }

   });})

</script>

</head>

<body>

    <ul>

    <li>li1</li>

    <li>li2</li>

    <li>li3</li>

    <li>li4</li>

    <li>li5</li>

    <li style="display:none">li6</li>

    <li style="display:none">li7</li>

    <li style="display:none">li8</li>

    </ul>

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


</body>

</html>

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

举报

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

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

进入课程
意见反馈 帮助中心 APP下载
官方微信