<html> <head> <script type="text/javascript" src="jquery-1.9.1.js"></script> </head> <body> <div> <ul> <li id="pp"><a href="#" name="lifan" onclick="frush();" >力帆</a></li> </ul> </div> </body> <script type="text/javascript"> function frush(){ var html = $("div #nf").html(); alert(html); $("div #nf").remove(); //移出,避免重復添加. var ss = "<ul id='nf'>"; var ss2 = "<li><a href='#'>2013款</a>"; var ss3 = "<li><a href='#'>2014款</a></li>"; var ss4 = "</ul>"; var ss5 = ss+ss2+ss3+ss4; /**寫成下面這樣,找不到id=nf對象,導致無法remove,重復添加~! huangjing 140110**/ /*$("#pp").append(ss); $("#pp").append(ss2); $("#pp").append(ss3); $("#pp").append(ss4);*/ $("#pp").append(ss5); } </script> </html>
注意: 關鍵的重點是append追加新的元素的時候,先將字符串拼接好,然后再調用append方法,否則remove方法無效,因為根據id選擇器無法找到該對象~!!!困擾我的問題已解決.^^