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

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:

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

 

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/109336.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号