jQuery html（）返回空的新输入标签？

Question

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

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.

Answer 1

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

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

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>