为什么“夫唯不争”这位朋友的代码多点击几次“更多”“简化”就提示出错了呢~点赞数最多的这个没有显示出错。①<!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> </ul> <a href="javascript:;">更多</a> <script> $(function(){ $("li:eq(5)").css("display","none"); $("li:eq(6)").css("display","none"); $("a").click(function(){ if($("a").text() === "更多"){ $("a").text("简化"); $("li:eq(5)").css("display","list-item"); $("li:eq(6)").css("display","list-item"); }else{ $("a").text("更多"); $("li:eq(5)").css("display","none"); $("li:eq(6)").css("display","none"); } }); }) </script></body></html>②<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>挑战题</title><style> .no{display:none;}</style></head><body> <ul> <li>11</li> <li>22</li> <li>33</li> <li>44</li> <li class="no">55</li> <li class="no">66</li> <li>77</li> </ul> <a href="#" id="aaa">更多</a> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <script> $(function(){ $("#aaa").click(function(){ var text = $("#aaa").text(); if(text == "更多"){ $("#aaa").html("简化"); $("li[class=no]").show(); }else{ $("#aaa").html("更多"); $("li[class=no]").hide(); } }); }); </script></body></html>
添加回答
举报
0/150
提交
取消