javascript - Jquery 字符串 + 对象 + 字符串

Question

我有一个似乎无法解决的小问题。

这里...我有一个像这样创建的输入...

var input = $('<input/>');

如果我这样做......一切都很好

$(this).append(input);

如果我这样做......

$(this).append('<div>' + input + '</div>');

它附加一个带有 html [object Object]

的 div

有人可以引导我走向正确的方向吗？

提前谢谢您!

Answer 1

你可以

$('<div />').append(input).appendTo(this);

演示:Fiddle

问题是 input 是一个 jQuery 对象，因此当您在字符串连接中使用它时，它将导致 [object Object](默认 toString() 对于一个对象)；

<小时/>

或者

var input = $('<input/>');
$('<div />', {
    append: input
}).appendTo(this);

演示:Fiddle