jquery在一個變量中創建2個新元素

Question

我可以在一個變量中創建2個新元素，然後對這個變量使用.html（）？ 我知道我可以只寫這個元素的字符串這樣

var foo = '<img class="foo" src="/foo1.jpg"><img class="foo" src="/foo2.jpg">'; 
$('#test').html(foo); 

，但我可以用這種語法在某種程度上做到這一點？ （這是不工作）

var foo = $('<img>',{ 
    'class': 'foo', 
    src: '/foo1.jpg' 
}), $('<img>',{ 
    'class': 'foo', 
    src: '/foo2.jpg' 
}); 
$('#test').html(foo); 

Answer 1

把它放在一個陣列

var foo = [$('<img>', { 
 
    'class': 'foo', 
 
    src: '/foo1.jpg' 
 
}), $('<img>', { 
 
    'class': 'foo', 
 
    src: '/foo2.jpg' 
 
})]; 
 

 
$('#test').html(foo);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="test"></div>