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

请教各位大神，我这么写哪不对，运行不出来

<!DOCTYPE html>

<html>

<head>

$(function(){

$("#on").hide();

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

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

if(text==="更多"){

$("#a").html("简化")；

$("#on").show();

}else{

$("#a").html("更多");

$("#on").hide();

}

})

</script>

</head>

<body>

<ul>

</ul>

</body>

</html>

xiao55555

2015-12-13

源自：jQuery基础课程 3-13

关注问题我要回答

603

操作

收起

2 回答

echo_kinchao
2015-12-13

你的ID相同然后后面的就不齐作用了

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

收起回答

xiao55555 提问者

知道啦谢谢，你的头像好搞笑

2015-12-13 回复有任何疑惑可以回复我~

慕男婶
2015-12-13

<!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>
        
        <script>
        $(function(){
            $("#on").hide();
            $("#a").click(function(){
                var text=$("#a").html();
                if(text==="更多"){
                   // 你把英文状态的 ; 写成中文的 ；了，导致了语法错误
                    $("#a").html("简化");
                    $("#on").show();
                }else{
                    $("#a").html("更多");
                    $("#on").hide();
                }
            })
        })
        </script>
    </head>
    
    <body>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li id="on">6</li>
            <li id="on">7</li>
            <a href="#" id="a">更多</a>
        </ul>
    </body>
</html>

试试这个。

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

收起回答

xiao55555 提问者

好奇怪哦，我试了一下，只有6隐藏了，7没有隐藏，不知道为什么

2015-12-13 回复有任何疑惑可以回复我~

慕男婶回复 xiao55555 提问者

因为6和7，你定义的是相同的ID，由于ID的唯一性，后面的ID会被忽略，所以$("#on")只能取出6。。并没有什么奇怪的。。解决办法：把6和7改成 <li class="on">6</li> <li class="on">7</li> 然后把 $('#on') 改成 $('.on') 就没问题了

2015-12-13 回复有任何疑惑可以回复我~

xiao55555 提问者回复慕男婶

明白了，多谢大神指教

2015-12-13 回复有任何疑惑可以回复我~