Concat的兩個HTML元素

Question

我有以下代碼：

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());

問題是輸出不是我想要的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) } 
})));

此解決方案有效，但我想一步更改html，因為可以看到上面的代碼有一點延遲！ 謝謝

Answer 1

您可以使用.add（） -不是串聯運算符，因為它們是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);

Answer 2

簡而言之，一般而言：

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

看看這個演示 。