此文仅用于记录。
通常,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代码都是规范性的,此文仅用于记录碰见的坑。^_^