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

此文仅用于记录。

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

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

碰到过非规范的写法:

var htmlCodes = '

text1
text2text3';

$(htmlCodes).html();

'text1'

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

规范:

var htmlCodesNorm = '

text1
text2text3
';

$(htmlCodesNorm).html();

'

text1
text2text3'

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

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

你可能感兴趣的:(html字符串转为jQuery对象-小坑记录)