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>'));

DEMO

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

2 个答案: