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

解决了!

<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<title>挑战题</title>
</head>
<body>
<ul>
 
    <li>NB</li>
    <li>NB</li>
    <li>NB</li>
    <li  style="display:none;">hello</li>
    <li  style="display:none;">hello</li>
    <li>NB</li>
    <li>NB</li>
</ul>
    <a href="#" >更多</a>
</body>
<script>
   
   $("a").click(
       function(){
        var $text=$(this).html();
        if($text=="更多"){
            $(this).html("简化");
        $("li:eq(3),li:eq(4)").show();
          }else if($text=="简化"){
          $(this).html("更多");
        $("li:eq(3),li:eq(4)").hide();
        }
       }
    )
       
</script>
</html>

正在回答

1 回答

<script type="text/javascript">

   $(function(){

        $('li:gt(4)').hide();

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

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

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

                $('li').show();

            }else{

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

                $('li:gt(4)').hide();

            }   

       })

   })

</script>  


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

举报

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

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

进入课程

解决了!

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