求大神幫忙解答代碼中的中文注釋部分
<!DOCTYPE html>
<html>
??? <head>
??????? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
???????? <title>挑戰(zhàn)題</title>
??????? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript">
??????? </script>
??? </head>
???
??? <body>
??????? <ul>
??????????? <li>A</li>
??????????? <li>B</li>
??????????? <li>C</li>
??????????? <li>D</li>
??????????? <li>E</li>
??????????? <li>F</li>
??????????? <li>G</li>
??????????? <li>H</li>
??????? </ul>
??????? <a id="aa" href="javascript:void(0);">更多</a>
???????
??????? <script type="text/javascript">
???????
??????????? $("li:first").hide();
??????????? $("li:eq(2)").hide();
??????????? $("li:eq(4)").hide();
??????????? $("li:last").hide();
??????????? $("li:last").show();
????????
??????????? $("a").bind("click",function(){
?????????????? if($("a").text()==="更多") { //此處這樣可以
?????????????? //if($("a:contains('更多')")){ //但是改成這樣為什么第一次點擊可以觸發(fā),第二次點擊不管用呢?
??????????????????? $("a").text("簡化");
??????????????????? $("li").show();
?????????????? }else {
??????????????????? $("a").text("更多");
??????????????????? $("li:first").hide();
??????????????????? $("li:eq(2)").hide();
??????????????????? $("li:eq(4)").hide();
??????????????????? $("li:last").hide();
??????????????????? $("li:last").show();
????????????
??????????????? }
????????????
??????????? });
???
??????? </script>
??? </body>
</html>
2016-03-13
因為你第一次點擊的時候a標簽中的內容改變了 ?