html字符串转为jQuery对象-小坑记录

此文仅用于记录。

通常,html字符串转换为jQuery对象,直接采用 $() 的方式转换即可。

但是这其中,有一点需要注意,html 的字符串中,最外层,最好是用标签包裹起来,否则在转化为jQuery对象的时候,可能会出错。当然,正常的,规范的写法,我们的html,是有最外层标签存在的。

碰到过非规范的写法:

var htmlCodes = '<div>text1</div><span>text2</span><strong>text3</strong>';

$(htmlCodes).html();

'text1'

你会发现,获取到的,永远都是 'text1', 这个时候,因为没有外层元素包裹,在转化为jQuery对象的时候,只获取到了第一个元素,所以,永远,获取的html,也只是第一个div 的文本内容。

规范:

var htmlCodesNorm = '<div><div>text1</div><span>text2</span><strong>text3</strong></div>';

$(htmlCodesNorm).html();

'<div>text1</div><span>text2</span><strong>text3</strong>'

此时,才是获取到了,正确的html内容。

当然,正常情况,我们的html代码都是规范性的,此文仅用于记录碰见的坑。^_^

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容