由于项目中的代码拼接太多内容,这里简化代码,仅作说明,未测试代码,但是方法可行
省略html代码... <div id="leftMenu"></div> <!--用于存放追加html容器--> <input type="button" onclick="ClearHtmlFun()"/> <!--删除追加html的内容--> <script type="text/javascript"> var $html = "";//全局变量,用于存储html文本对象 $(function(){ var strHtml ="<ul>"; strHtml +="<li>aaa</li>"; .... strHtml +="</ul>"; $html = $("" + strHtml + ""); //这步很关键,见图1:firebug下使用console.info($html)打出来的对象 | 本人测试不加""会有问题,不清楚为什么 $("#leftMenu").append($html); //使用append追加数据 }); //删除追加html的内容 ClearHtmlFun = function(){ $html.remove(); //因为前面存储的是对象所以可以使用.remove(),否则firebug会报.remove() is not a function=》返回查看见图1的那一部 } </script>
图1:
时间: 2024-12-10 02:08:33