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

求解效果不对，无反应t-t

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<ul>

</ul>

$(function(){

$("li:eq(2)").css("display","none");

$("li:eq(3)").css("display","none");

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

if($("a").text()=="更多"){

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

$("li:eq(2)").css("display","list-item");

$("li:eq(3)").css("display","list-item");

}else{

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

$("li:eq(2)").css("display","none");

$("li:eq(3)").css("display","none");

}

})

</script>

</body>

</html>

瑭螗

2016-03-01

源自：jQuery基础课程 3-13

关注问题我要回答

448

操作

收起

7 回答

qq_破茧_0 回答被采纳 +3 积分
2016-03-01

<html>

<head>

</head>

<body>

<ul>

</ul>

$(function(){

$("li:eq(2)").css("display","none");

$("li:eq(3)").css("display","none");

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

if($("a").text()=="更多"){

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

$("li:eq(2)").css("display","list-item");

$("li:eq(3)").css("display","list-item");

}else{

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

$("li:eq(2)").css("display","none");

$("li:eq(3)").css("display","none");

}

});

})

</script>

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

收起回答

瑭螗提问者

非常感谢！

2016-03-02 回复有任何疑惑可以回复我~

SayHiTo
2016-03-25

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>挑战题</title>
    </head>
    <script type="text/javascript" language="javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <body>
        <ul>
            <li title="我">我很高兴见到大家</li>
            <li title="你">你</li>
            <li title="她">她</li>
            <li title="他">他</li>
            <li title="大家">大家</li>
            <li title="我们">我们很高兴见到大家</li>
            <li title="你们">你们</li>
        </ul>
        <a href="#">更多</a>
        <script type="text/javascript">
        $("li[title*='我']").hide();
        $("a").click
        (
        function()
        {
            var $str=$("a").html();
            if($str=="更多")
            {
            $("a").html("简化");
            $("li[title*='我']").show();
            }
            else
            {
                $("a").html("更多");
                $("li[title*='我']").hide();
            }
        }
        )
        </script>
    </body>
</html>

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

收起回答

qq_破茧_0
2016-03-01

这样也可以

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

收起回答

qq_破茧_0
2016-03-01

这样也可以

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

收起回答

qq_破茧_0
2016-03-01

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

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

逗号搞错了，中文逗号了

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

收起回答

qq_破茧_0
2016-03-01

<html>

<head>

</head>

<body>

<ul>

</ul>

$(function(){

$("li:eq(2)").css("display","none");

$("li:eq(3)").css("display","none");

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

if($("a").text()=="更多"){

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

$("li:eq(2)").css("display","list-item");

$("li:eq(3)").css("display","list-item");

}else{

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

$("li:eq(2)").css("display","none");

$("li:eq(3)").css("display","none");

}

})

</script>

</body>

</html>

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

收起回答

qq_巅峰强子_0
2016-03-01

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>挑战题</title>
    </head>

    <body>
    <ul>
<li>苹果1</li>
<li>苹果2</li>
<li>苹果3</li>
<li>苹果4</li>
<li>苹果5</li>
<li>苹果6</li>
<li>苹果7</li>
<li>苹果8</li>
</ul>
<a href="javascript:;">更多</a>
<script type="text/javascript">
$("li:eq(4)~li").css("display","none");
$("a").click(function(){
var str=$("a").html();
if(str=="更多"){
$("li:eq(4)~li").css("display","block");
$("a").html("简化");
}
if(str=="简化"){
$("li:eq(4)~li").css("display","none");
$("a").html("更多");
}
})
</script>

    </body>
</html>