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>