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>