jquery 清空动态append添加元素,remove方法
2014-01-13 15:08
1811 查看
<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给动态添加的元素绑定事件的方法
- jQuery为动态生成的select元素添加事件的方法
- 解决使用jQuery采用append添加的元素事件无效的方法
- jquery动态添加元素事件失效问题解决方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- jQuery页面元素动态添加后绑定事件丢失方法,非 live
- jquery append 动态添加的元素事件on 不起作用的解决方案
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- jQuery给动态添加的元素绑定事件的方法
- jQuery动态添加、删除元素的方法
- jQuery给动态添加的元素绑定事件的方法
- Jquery 页面元素动态添加后绑定事件丢失方法,非 live
- jQuery给动态添加的元素绑定事件的方法
- jquery动态添加元素事件失效问题解决方法
- jQuery给动态添加的元素绑定事件的方法
- 解决使用jQuery采用append添加的元素事件无效的方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- jQuery为动态生成的select元素添加事件的方法
- jQuery动态添加元素无法触发绑定事件的解决方法分析