如何用span包装两个动态创建的元素

Question

我需要创建两个元素<img>和<i>，并用div元素包装它：

$('<img>', {
  src: 'images/bank-507-logo.png',
  id: "selected_" + selectedBank
})
$('<i>', {
  class: 'fa fa-inr'
})

我有代码来包装单个元素，比如：

$('<img>', {
  src: 'images/bank-507-logo.png',
  id: "selected_" + selectedBank
}).wrapAll('<span/>');

但是我需要用span元素来包装<img>和<i>。

Answer 1

JQuery

var span= $('<img>', {
        src: 'images/bank-507-logo.png',
        id: "selected_"+"selectedBank"
  }).add($('<i>', {
        class: 'fa fa-inr'
})).appendTo($('body')).wrapAll($('<span></span>'));

DEMO

Answer 2

您可以使用一个公共类，然后包装：

$('<img>', {
        src: 'images/bank-507-logo.png',
        id: "selected_"+selectedBank,
        'class': 'common'
    })
    $('<i>', {
        'class': 'fa fa-inr common'
    })
$('.common').wrapAll('<span />');