javascript - 動的に作成された2つの要素をスパンでラップする方法は?

Question

<img>2 つの要素を作成し、要素<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>'));

デモ