javascript - 如何将 jQuery 对象数组转换为 HTML 字符串

Question

在 jQuery Infinite Carousel 中，它使用 .clone() 来实现无限效果。这很好用，除非它克隆的代码有 HTML5 元素。 IE7 和 IE8 无法将特定于 HTML5 元素的 CSS 规则应用于克隆的或以其他方式在页面加载后插入的元素。

innerShiv JavaScript 插件以 IE7 和 IE8 可以使用适当的 CSS 呈现的方式插入元素。

问题是 innerShiv 将 HTML 字符串作为参数，但 jQuery .clone() 方法返回一个 jQuery 对象数组。

为了同时使用两者，我需要将 .clone() 的输出转换为 innerShiv 能够解析的 HTML 字符串。

关于如何做到这一点有什么想法吗？

Answer 1

HTML:

<p class="foo"><canvas class="bar"></canvas></p>

JavaScript:^{[ Ref ]}

// grab the object, with HTML 5 element(s).
var p = $('p');

// clone it
var c = p.clone();

// grab the inner html (wrap it so we can get the HTML)
var html = $('<div>').append(c).html();

// alert us of the contents
alert(html);

演示:

http://jsfiddle.net/bradchristie/tDFYn/