jquery在一个变量中创建2个新元素

Question

我可以在一个变量中创建2个新元素，然后将.html（）与此变量一起使用吗？ 我知道我可以像这样写一个这个元素的字符串

class

但我可以用这种语法以某种方式做到这一点吗？ （这不起作用）

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>