Javascript Concat 2将创建的元素转换为html属性

如何将jquery中2个动态创建的HTML元素（var foo+bar）转换为HTML属性？ 预期结果：

但我得到了：

[object object][object]

var foo=$（“”{
“类”：“Glypicon文件文件输入存在”
});
变量条=$（''{
“类”：“文件输入文件名”
});
var formControl=$（''{
“类”：“窗体控件”，
“数据触发器”：“文件输入”，
'html'：foo+bar
});

您需要获取

foo

和

bar

var foo = $('<i>123</i>', {
    'class': 'glyphicon glyphicon-file fileinput-exists'
});

var bar = $('<span>456</span>', {
    'class': 'fileinput-filename'
});
var formControl = $('<div></div>', {
    'class': 'form-control',
    'data-trigger': 'fileinput',
    'html': foo[0].outerHTML + bar[0].outerHTML
});

var foo=$（'123'{
“类”：“Glypicon文件文件输入存在”
});
变量条=$（'456'{
“类”：“文件输入文件名”
});
var formControl=$（''{
“类”：“窗体控件”，
“数据触发器”：“文件输入”，
“html”：foo[0]。outerHTML+bar[0]。outerHTML
});

outerHTML

---

工作

谢谢，顺便说一句，另一个解决方案是使用

.append（foo）.append（bar）是，您也可以这样做。如果它解决了你的问题，请考虑把它投票，并把它标记为正确答案。是的，这是可能的解决方案，不幸的是，在这两种方法的最后都会变得一团糟，所以我决定把它写成简单的字符串…
var foo = $('<i>123</i>', {
    'class': 'glyphicon glyphicon-file fileinput-exists'
});

var bar = $('<span>456</span>', {
    'class': 'fileinput-filename'
});
var formControl = $('<div></div>', {
    'class': 'form-control',
    'data-trigger': 'fileinput',
    'html': foo[0].outerHTML + bar[0].outerHTML
});