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

求大神帮忙看下代码

为什么点了更多后,简化就不是超链接了呢

<!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>苹果</li>
            <li>香蕉</li>
            <li>鸭梨</li>
            <li>桃子</li>
            <li style="display:none">橘子</li>
            <li style="display:none">葡萄</li>
            <li><a href="Javascript:;" onclick="change()">更多</a></li>
        </ul>
        
        <script type="text/javascript">
          function change(){
              if($("li:last").text()=="更多"){
                  $("li:last").text("简化");
                  $("li:hidden").css("display","list-item")
              }else{
                  $("li:last").text("更多");
                  $("li:hidden").css("display","none")
              }
            }
            
        </script>
    </body>
</html>


正在回答

1 回答

$("li:last").text("简化"); //更改为 $("a").text("简化"); 
$("li:last").text("更多"); //更改为 $("a").text("更多");
$("li:hidden").css("display","none") //更改为 $("li:eq(4)").css("display","none")

li:last仅是列表元素需要改为a才是超链接。

因为第一次点击后没有li的隐藏元素了,所以简化的时候要用选择  4代表第5个元素。

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

thenger 提问者

非常感谢!
2015-02-24 回复 有任何疑惑可以回复我~
#2

thenger 提问者

.text不是只改变文本内容么,为什么会改变li:last的属性呢
2015-02-24 回复 有任何疑惑可以回复我~
#3

vLiang 回复 thenger 提问者

没有改变属性,你在最后一个li里面插入了一个a,只是改变了a的内容而已
2015-02-24 回复 有任何疑惑可以回复我~
#4

thenger 提问者 回复 vLiang

是不是说用$("li:last").text()只改变了li的文本而没有改变超链接a的文本呢?以至于点击后列表最后一项不再是链接了?
2015-03-04 回复 有任何疑惑可以回复我~
查看1条回复

举报

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

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

进入课程

求大神帮忙看下代码

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