如何从jQuery对象中获取字符串表示？

Question

真的很愚蠢的问题，但是，例如，给出：

var $foo = $('<div>bar</div>');

如何让'<div>bar</div>'退出？

Answer 1

您需要将其附加到容器中，然后在其上调用.html()。

这是因为.html()仅为您提供内容。

试一试： http://jsfiddle.net/ttYXG/

var $foo = $('<div>bar</div>');

$('<div />').append($foo).html();

Answer 2

也许

var txt = $foo.text();

如果您想在元素中所有：

var html = $foo.html();

编辑 - 哦等等;你也想要外部标签。嗯。那么你可以克隆它，将它包装在另一个 div中，并从中获取文本或html，但有些东西告诉我可能有更好的方法：

var $otherFoo = $foo.clone().wrap('<div/');
var html = $otherFoo.parent().html(); // fixed thanks to @patrick dw

（或者像@patrick建议的那样;无论如何。）

Answer 3

$("<h1>Test</h1>")[0].outerHTML

返回：<h1>Test</h1>