javascript - 如何将 html 标记存储到数组

Question

我有一个来自上一篇帖子的问题。

Jquery html() issue

我想将每个节点存储为完整的html标记。

data 数组应该是这样的

['<em>test</em>', 'here for the testing purpose',
'second line', '<strong>texts</strong>', 'here']

我现在的代码:

if(this.nodeType === 3) { // Will only select element nodes
    data.push($(this).text());
}else if(this.nodeType === 1){
    data.push($(this).html());
}

但它只存储

['test', 'here for the testing purpose','texts','here'] 

是否也可以存储 html 标记？

非常感谢!

Answer 1

替换

data.push($(this).html());

与

data.push(this.outerHTML);

记得

this -- DOM 对象

$(this) -- jQuery 对象

尽可能尝试使用 DOM 对象而不是 jQuery 对象，因为前者更快一些，因为它消除了将它们转换为后者的额外开销，然后应用方法.. 应该没什么大不了的，仅供引用。