如何从我的jQuery选择中提取HTML字符串？

Question

我的HTML代码，以这样的方式构建的，它是在以下格式：

var s = $('<input type="date" id="date-value"/>'); 

我想提取的HTML我的jQuery的选择里面，作为一个单独的元素：

<input type="date" id="date-value"/> 

我尝试了各种内置方法，如s.text(),s.innerHTML等，但他们没有工作。

的jsfiddle：http://jsfiddle.net/fkgaqtb2/

Answer 1

如果你想从选择一个新的元素，使用jQuery的.clone功能。 alert(s.clone().prop('outerHTML'));

这将输出字符串，它看起来像你试图让你的小提琴。

无论如何，如果你只是想要一个字符串表示的元素，请记住s是一个选择器，所以你需要jQuery的.prop方法。 你想：
s.prop('outerHTML')。

仅供参考，此版本的问题类似于another。
请记住，HTML元素（不是jQuery选择，这就是为什么我们需要prop）也有outerHTML，而不仅仅是innerHTML！

Answer 2

创建一个临时div，然后克隆你的元素和追加到它：

alert($('<div>').append(s.clone()).html()); 

Answer 3

如果你想外的HTML，您可以使用：

var s = $('<input type="date" id="date-value"/>'); 
$('<div>').append(s.clone()).html(); 

或者如果您经常需要它，您可以添加一个新方法：

$.fn.outerHtml=function(){ 
    return $('<div>').append(this.clone()).html(); 
} 

然后你可以使用：s.outerHtml();