javascript - 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();

这应该可以工作..:)

使用此类(class) ( source ):

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