javascript - 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>