JQ使用Append添加html文本后再删除该html文本

由于项目中的代码拼接太多内容，这里简化代码，仅作说明，未测试代码,但是方法可行

省略html代码...

<div id="leftMenu"></div>　　　　　　　　　　　　　　 <!--用于存放追加html容器-->

<input type="button" οnclick="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：

 

转载于:https://www.cnblogs.com/MouseMI/p/4803244.html