javascript - 如何用 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/>');

但我需要用那个元素来包装<img>两者。<i>span

Answer 1

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

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

    $('<i>', {
        'class': 'fa fa-inr common'
    })
$('.common').wrapAll('<span />');

Answer 2

jQuery

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

演示