jquery html()无效

Question

我有一个由jquery创建的输入框,如下所示:

val input = $('<input class="pick_date" ... />')

但输入中的.html()方法不返回$中输入的字符串.有谁知道为什么？

编辑:啊,我明白了这个问题.有没有办法获得整个输入框的html表示而不仅仅是条目？

Answer 1

你传递的<input />是一个自动关闭的标签.

如果你传递<input>Html here</input>(我知道这是有效的XML而不是HTML),你可以使用.html()函数检索" Html here "部分,如下所示:

var input = $('<input class="pick_date">Html here</input>');
alert(input.html());

除了您编辑过的问题:

$('<input />').outerHtml();

这应该工作.. :)

与此相关(来源):

(function($) {
    $.fn.outerHTML = function() {
        return $('<div>').append( this.eq(0).clone()).html();
    };
})(jQuery)