使用jquery动态创建元素并将现有元素附加到此元素

Question

我现有的代码如下

$('#'+ContainerId).find('img').each(function(){
    // ...
});

我想动态创建一个div元素，并将这个现有的img追加到这个新创建的div元素中。 结果必须像我想要的那样

<div style="text-align:center"><img src=".." /></div>

Answer 1

$('<div/>', {
    css:   {
        'text-align':   'center'
    }
}).append($('#'+ContainerId).find('img'));

参考：$()，.append()

Answer 2

您可以使用wrap()，甚至不需要 each（）：

$('#'+ContainerId).find('img').wrap('<div style="text-align:center"></div>');

示例：http://jsfiddle.net/AndyE/WyXFb/