由于项目中的代码拼接太多内容,这里简化代码,仅作说明,未测试代码,但是方法可行
省略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
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/109336.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...