Javascript Concat两个html元素

我有以下代码：

var bread =  $('<li/>').html($('<a/>',{
    href: '#',
    text: 'Alle',
    click: function(){ Diagnose.start() } 
}));
bread += $('<li/>').html($('<a/>',{
    href: '#',
    text: data['icd1'].nummer,
    click: function(){ Diagnose.icd(2,data['icd1'].id) } 
}));

$('#side-panel2 .breadcrumb').html(bread.toString());

var-bread=$（'
'）.html（$（''{
href:“#”，
文本：“Alle”，
单击：函数（）{Diagnose.start（）}
}));
bread+=$（'
'）.html（$（''{
href:“#”，
文本：数据['icd1'].numer，
单击：函数（）{Diagnose.icd（2，数据['icd1'].id）}
}));
$（'#side-panel2.breadcrumb'）.html（bread.toString（））；

问题在于输出不是我想要的html，而是它的：

<ul class="breadcrumb" style="margin-top: 9px;margin-bottom: 0px;font-size:11px">
 [object Object][object Object]
 .....

[对象][对象]
.....

首先，我的代码如下所示：

$('#side-panel2 .breadcrumb').html($('<li/>').html($('<a/>',{
    href: '#',
    text: 'Alle',
    click: function(){ Diagnose.start() } 
})));                                   
$('#side-panel2 .breadcrumb').append($('<li/>').html($('<a/>',{
    href: '#',
    text: data['icd1'].nummer,
    click: function(){ Diagnose.icd(2,data['icd1'].id) } 
})));

$（'#侧面板2.breadcrumb'）.html（$（'
'）.html（$（''）{
href:“#”，
文本：“Alle”，
单击：函数（）{Diagnose.start（）}
})));                                   
$（'side-panel2.breadcrumb'）.append（$（'li/>'）.html（$（'{
href:“#”，
文本：数据['icd1'].numer，
单击：函数（）{Diagnose.icd（2，数据['icd1'].id）}
})));

这个解决方案奏效了，但我想一步就改变html，因为上面的代码有点延迟！谢谢

您可以使用-而不是串联运算符，因为这些是jQuery对象而不是字符串

var bread =  $('<li/>').html($('<a/>',{href: '#',text: 'Alle',click: function(){Diagnose.start()} }));
bread = bread.add($('<li/>').html($('<a/>',{href: '#',text: data['icd1'].nummer,click: function(){Diagnose.icd(2,data['icd1'].id)} })));

$('#side-panel2 .breadcrumb').empty().append(bread);

var-bread=$（'
'）.html（$（''，{href:'#'，文本：'Alle'，单击：函数（）{Diagnose.start（）}））；
bread=bread.add（$（'
'）.html（$（''，{href:'#'，text:data['icd1'].numer，单击：function（）{Diagnose.icd（2，data['icd1'].id）}））；
$（'#side-panel2.breadcrumb'）.empty（）.append（bread）；

您可以使用-而不是串联运算符，因为它们是jQuery对象而不是字符串

var bread =  $('<li/>').html($('<a/>',{href: '#',text: 'Alle',click: function(){Diagnose.start()} }));
bread = bread.add($('<li/>').html($('<a/>',{href: '#',text: data['icd1'].nummer,click: function(){Diagnose.icd(2,data['icd1'].id)} })));

$('#side-panel2 .breadcrumb').empty().append(bread);

var-bread=$（'
'）.html（$（''，{href:'#'，文本：'Alle'，单击：函数（）{Diagnose.start（）}））；
bread=bread.add（$（'
'）.html（$（''，{href:'#'，text:data['icd1'].numer，单击：function（）{Diagnose.icd（2，data['icd1'].id）}））；
$（'#side-panel2.breadcrumb'）.empty（）.append（bread）；

简而言之，一般来说：

$(".container").append( $("<a>A</a>"), $("<a>B</a>") );

$（“.container”）。附加（$（“
简言之，一般来说：

$(".container").append( $("<a>A</a>"), $("<a>B</a>") );

$（“.container”）.append（$（“
现在我很好奇，为什么
empty（）.append（）
而不是
.html（）
？我的意思是，有什么原因吗？@A.Wolff就像[.html（）]（.html（htmlString））的api一样说htmlString…所以我个人不喜欢向它传递一个对象，这是一个很好的理由，但事实上，DOC应该更新。无论如何，谢谢你，阿伦！现在我很好奇，为什么
空（）.append（）
，而不是
.html（）
？我的意思是，有什么原因吗？@a.Wolff就像[.html（）]的api一样（.html（））（.html（htmlString）)htmlString说…所以我个人不喜欢向它传递一个对象，这是一个很好的理由，但事实上，文档应该更新。无论如何，谢谢你，阿伦！