jQuery将DOM元素作为字符串

Question

说我有

$(":input[type=text]:first")

如何得到

<input type="text" value="" size="28" maxlength="140" tabindex="1" placeholder="search" class="textbox" name="q" autocomplete="off">

假设我在SO上运行它？

更新我不想打电话,.parent()因为我在父元素中有很多其他东西.

Answer 1

怎么样

$(selector).prop("outerHTML");

Answer 2

一个老技巧:

var selector = ":input[type=text]:first";

var str = $(selector).clone().wrap('<div/>').parent().html();

更新您不必担心调用,.parent()因为您正在使用原始选择器的孤立克隆.

Answer 3

通过附加到创建的元素来使用jQuery.html()。

$('<div/>').append($(":input[type=text]:first").clone()).html()

这是一个提供示例的小提琴：http : //jsfiddle.net/Zwbmx/1/