javascript - jQuery - 无法在变量中存储少量 html 元素

Question

这个问题已经有答案了:

Get selected element's outer HTML (31 个回答)

已关闭 9 年前。

大家好，

我在这里有点困惑，试图将几个 html 元素存储到一个变量中。但是当我尝试打印变量的内容时，某些元素没有显示。这是某种魔法吗:)还是我到底做错了什么？

这会导致我的其他函数出现问题，这些函数试图在变量中查找某些元素。

var template = $(" <div class='item'><span id='item_stats_info'> <div id='item_name'> </div> </span> </div>");

console.log(template.html());

结果:

<span id="item_stats_info"> <div id="item_name"> </div> </span> 

你们能告诉我在变量中存储 html 元素的最佳方法是什么吗？

预先感谢，亚历克斯

Answer 1

jQuery的.html()方法返回元素内部的HTML，由于您需要获取外部HTML，您可以尝试将其包装在另一个div中:

var template = $("<div> <div class='item'><span id='item_stats_info'> <div id='item_name'> </div> </span> </div> </div>");

console.log(template.html());