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

有规范的答案吗,求分享

有规范的答案吗,求分享

正在回答

3 回答

效果是可以的哦 代码没写太死 li长度随便加 都可以

<!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>001</li>
        <li>002</li>
        <li>003</li>
        <li>004</li>
        <li>005</li>
        <li>006</li>
        <li>007</li>
        <li>008</li>
        <li>009</li>
        <li>010</li>
        <li>011</li>
        <li>012</li>
        <li>013</li>
    </ul>
    <a  href="javascript:;">更多</a>
    <script>
        $(function(){
            function hiddenLi(){
                for(var i=4;i < $('li').length-1;i++){
                    $("li:eq("+i+")").css("display","none");
                }
            }

            function showLi(){
                for(var i=4;i < $('li').length-1;i++){
                    $("li:eq("+i+")").css("display","");
                }
            }
            hiddenLi();
            $("a").click(function(){
                if($("a").text() === "更多"){
                    $("a").text("简化");
                    showLi();
                }else{
                    $("a").text("更多");
                    hiddenLi();                   
                }
            });
        })
    </script>
</body>
</html>


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

举报

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

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

进入课程

有规范的答案吗,求分享

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