jquery如何將2個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> 

我使用：$('<div class="sex"></div>').appendTo('.mutual_row');或：

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

但他們給wrappin gthem的擰結果都在一個DIV叫sex

謝謝

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