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

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

省略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

JQ使用Append添加html文本后再删除该html文本的相关文章

让rm命令提示确认后再删除

首先在~/.bashrc文件中添加一行: # User specific aliases and functionsalias rm='rm -i' 注意,此处 rm 和 = 之间不能有空格,否则会有找不到rm命令的提示, 然后在终端执行这条命令,使得刚才的修改即刻生效: source ~/.bash_profile 转自: http://blog.csdn.net/computerms/article/details/11766127

IE8下JQuery clone 出的select元素使用append添加option异常解决记录

遇到一个怪现象,由于配置参数是多实例的, 故采用JQuery对模板HTML代码进行clone, HTML代码中包括select标签, 在克隆之后需要对select进行添加option. 在firefox和chrome浏览器上都没有问题,在IE10下也没有问题, 但是在IE8下就出现问题,使用append添加option后,IE8上就显示不出来新添加option. 示例代码如下,对于clone出的第二个select有问题,但是通过打印,发现添加后的option数目是正确的3个. 这个就太令人费解了

避开ie6使用float后再使用margin兼容的2种方法

在网页设计中,我们有时会不经意的给自己制造出浏览器的兼容问题.造成每一款浏览器的内容排布错乱或者说并不是我们想要的结果.当然其中问题最多的还是IE6. 方法一: 使用一个空白DIV来充当目标div之间的margin值,margin的确给我们带来了很多方便,但是随之也有许多问题,不仅有IE6的双倍margin兼容问题,还有其他都有的子元素绑架父元素问题.这时,我们可以采用新建一个内容为空格符 的div,来达到margin的效果.只需要设置这个div的宽度或高度即可.float-left的时候.将新

移动端输入框只有输入文本后才能点击效果

现在手机端的提交按钮很多都是在输入内容后才能提交的,如图: 这是没有输入文本时的效果,当然 下一步 按钮也是不可点击的 这个是是输入文本后的效果,可以进行下一步的操作 这样做对数据提交的正确性有一定的保护,同时也增加了用户体验.其实实现这样的效果逻辑很简单.代码如下: /*如果输入内容就给提交按钮添加样式并且添加跳转链接*/ var btn = $('buttn') function judge(){ var lenght1 = $('#input1').val().length; var le

WordPress优化:为博客添加评论回复后邮件通知

顾名思义,就是当有人在我们的博客进行留言,然后我们管理员或者其他人给他的留言有了回复后,可以通过邮件通知他他在那篇文章的留言有了新的回复.这个功能虽然很小,但是却是非常人性化的,而且可以极大的提高用户体验. 添加这个效果很简单,只需要在我们使用的主题的functions.php中找一个独立的地方把下面这段代码复制上去就行了,代码如下: function ludou_comment_mail_notify($comment_id, $comment_status) {   // 评论必须经过审核才

jQuery动态添加html元素后,响应事件的问题记录

var li =     "<li>" +     "<a>" +        // 缩略图 点击部分 index='" + i + "'        "<span class='CameraImg' type='play' index='" + i + "'>" +          "<img src='/HiHomeBabyMS/Public/i

主程序等待对话框响应后再顺序执行问题

在项目开发中,经常会用到对话框,Android的对话框都是异步进行的,但是有时候需要实现主程序等待对话框响应后再继续执行.下面以使用AlterDialog对话框返回true或者false之后,主程序再继续运行为例讲述如何实现主程序等待对话框响应后再顺序执行的方法. 思考一: 首先考虑到声明一个final 关键字的布尔型的局部变量,然后在对话框的"确认"和"取消"按钮的点击事件中对布尔型变量进行赋值,然后再执行主程序. 问题一:在代码的过程对布尔型变量进行赋值的时候提

每添加一张图片后,GDI对象 + 3 原因: ImageList_AddIcon(hIcon) 后没调用 DestroyIcon(hIcon)

今天无意间在[任务管理器]中发现,每添加1张图片后,应用程序的 GDI对象 + 3,添加图片后,再把所有图片删除, GDI对象数量没减少! 排查原因,发现: GDI对象 + 3 的代码是: int offset = LookupIconIdFromDirectoryEx(pIcoData, TRUE, width_thumbnail, height_thumbnail, LR_DEFAULTCOLOR); if(offset != 0) //成功 { HICON ico = CreateIcon

添加gitignore文件后使其生效

遇到的问题 我们发现在添加.gitignore文件后,当我们想push文件的时候,我们声明的忽略文件还是会出现在push的目录中 原因分析 某些文件已经被纳入版本管理中,就算是在.gitignore中已经声明也不会起作用 解决方案 我们应该先把本地的缓存删除,然后再进行push,操作步骤如下 git rm -r --cached . // 删除本地缓存 git add . // 添加要提交的文件 git commit -m 'update .gitignore' // 更新本地的缓存 原文地址: