如何动态地将 2 个 div 包装到另一个 div 中？

Question

我有 2 个从数组创建的 div：

        $.each(data, function(i,item) {
        $('<img/>').attr("src", item.media_path).wrap('<div class="friend_pic' + item.id + '"></div>').appendTo('.sex');
        $('<div class="friends-name' + item.id + '" id="fname_' + item.id + '" />').html(item.fname).appendTo('.sex');
        });

我想将它们全部包装在一个 div 中，如下所示：

<div class="sex">... the divs from the each function ...<div>
<div class="sex">... the divs from the each function ...<div>
<div class="sex">... the divs from the each function ...<div>

我正在使用： $('

;').appendTo('.mutual_row'); 或者：

$('.mutual_friends, friends-name1').wrap('<div class="sex"></div>')

但是他们给出的结果是将它们全部包装在一个名为 sex 的 div 中

Answer 1

$.each(data, function(i,item) {
 var container = $('<div class="sex" />');        

 $('<img/>').attr("src", item.media_path).wrap('<div class="friend_pic' + item.id + '"></div>').appendTo(container);

 $('<div class="friends-name' + item.id + '" id="fname_' + item.id + '" />').html(item.fname).appendTo(container);

 container.appendTo('.mutual_row');
});