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>