关于jquery append() html时的小问题的解决方法

256 阅读 0 评论 169 点赞

我是靠谱客的博主平淡花生，最近开发中收集的这篇文章主要介绍关于jquery append() html时的小问题的解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

还是先来看一下现象：

复制代码代码如下:

 
$(".main").append("haha"); 
$(".main").append("xixi"); 
alert($(".main").html()); 

结果：hahaxixi
一切正常
改一下

复制代码代码如下:

 
$(".main").append("<div style="width:300px;height:300px;"><span>这是span"); 
$(".main").append("</span></div>"); 
alert($(".main").html()); 

结果：<DIV style="WIDTH:300px;HEIGHT:300px"><SPAN>这是span</DIV></SPAN>

这下不正常了，只要是两次append() html代码就会出现这种异常，不知道为什么，找了一下没找到相关的资料，暂时的解决办法是避免这样去append html代码。