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

时间:2018-06-17 04:19:38

标签: javascript jquery input

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

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.

1 个答案:

答案 0 :(得分:3)

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>