求大神指正

来源:3-13 编程练习

blowwind

2016-07-15 10:44

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
   <link rel="stylesheet" href="/Public/css/bootstrap.min.css">
</head>
<body>
   <ul>
       <li>测试内容</li>
       <li>测试内容</li>
       <li>测试内容</li>
       <li>测试内容</li>
       <li>测试内容</li>
       <li>测试内容</li>
       <li>测试内容</li>
       <li>测试内容</li>
       <li>测试内容</li>
       <li><a class="btn btn-primary" href="#">更多</a></li>
   </ul>

<script src="/Public/JS/jquery.min.js"></script>
<script>
   $(function(){
       $("li:gt(3):not(li:last)").hide();
       $("a").click(function(){
           if($("a").html == "更多"){
               $("li").show();
               $("a").html("简化");
           }else{
               $("li:gt(3):not(li:last)").hide();
               $("a").html("更多");
           }
       })
   })
</script>
</body>
</html>

为什么点更多没反应

写回答 关注

1回答

  • qq_啥米等于浮云_0
    2016-07-15 11:29:42

     if($("a").html == "更多")判断语句出错应该是html()

    blowwi...

    真是这个错误,谢谢你,还有个问题请教下,我点了按钮,隐藏的<li>都显示出来了,但是只是闪一下,又隐藏了,这是什么原因呢?

    2016-07-15 11:50:35

    共 1 条回复 >

jQuery基础课程

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

154706 学习 · 7289 问题

查看课程