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

帮我看下哪里有问题

<!DOCTYPE html>

<html>

    <head>

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

        

  

        <title>挑战题</title>

        <style>

        .noshow{

            display:none;

            }

        </style>

    </head>

    

    <body>

    <ul>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

        <li>5</li>

        <li class="noshow">6</li>

        <li class="noshow">7</li>

        <li class="noshow">8</li>

        

    </ul>

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

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

              <script type="text/javascript"> 

              

                          $(function(){

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

                      var text= $("a").text();

                      if(text === 更多){

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

                          $(".noshow").css("display","block");

                          

                      }else{

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

                            $(".noshow").css("display","none");

                      }

                      

                      

                      

                  });

                  

                  

              });

                  

             

               </script>  

               

               

             </body>

    

</html>


正在回答

2 回答

判断文本内容的时候,更多是字符串,得加双引号 不能粗心呀

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

丶Simple0 提问者

非常感谢!
2016-04-11 回复 有任何疑惑可以回复我~

$(function (){
   $('li:gt(2):not(:last)').hide();
   $('a').click(function(){
       var aContent=$('a').text();
       if(aContent=='更多'){
           $('a').text("简化");
           $('li:hidden').show();
       }else{
           $('a').text("更多");
           $('li:gt(2):not(:last)').hide();
       }
   })
})

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

举报

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

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

进入课程

帮我看下哪里有问题

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