                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

求帮忙！为什么简化不了！选择器出了什么问题么？

听心上的潮汐

2015-05-31

源自：jQuery基础课程 3-13

关注问题我要回答

465

操作

收起

2 回答

戈饭
2015-05-31

<!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>
    </head>
    
    <body>
    <ul>
        <li>1</li>
        <li style="display:none">2</li>
        <li>3</li>
        <li style="display:none">4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
    </ul> 
    <a href="javascript:;">更多</a>
    <script type="text/javascript">
   $(function(){
        $("a").click(function(){
            if($("a").html()=="更多"){
                $("a").html("简化");
                $("li:hidden").css("display","list-item");
            }else{
                $("a").html("更多");
                $("li[style*='list-item']").css("display","none");
            }
        });
    });
    </script>           
    </body>
    
</html>

最好是给不同状态的元素添加个不同className来区分。