<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选择器无法找到该对象~!!!困扰我的问题已解决.^^
jquery 清空动态append添加元素,remove方法
原文：http://www.cnblogs.com/simpledev/p/3517462.html