jQuery html() 返回空的新输入标签？

【问题标题】：jQuery html() returns empty of new input tags?jQuery html() 返回空的新输入标签？
【发布时间】：2018-06-17 04:19:37
【问题描述】：

我想动态生成一些输入标签。我试过这个：

var x = $('<input/>').prop({type:'checkbox'}).prop({checked:true});
var y = x.html();

//x is a jquery object which contains 1 object.
//y always get empty string.

【问题讨论】：

.html() 不选择元素本身，它选择其内部内容。您的<input /> 没有内部内容，因此html() 不会返回任何内容。

标签： javascript jquery input

【解决方案1】：

html() 获取匹配元素集中第一个元素的 HTML contents，而不是外部 HTML。

您可以使用第一个元素的outerHTML 来获取html。

var x = $('<input/>').prop({type:'checkbox'}).prop({checked:true});
var y = x[0].outerHTML;
	
console.log( y );

&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

【讨论】：