استفاده از .each و انتخاب یکی در میان div ها

[reza-shady]

سلام خسته نباشید
ببخشید فکر کنم عنوان مناسب نیست :لبخند:
سوال من این هست که من یک سری div دارم داخل 2 تا div دیگه به عنوان column !
می خوام این دایو ها به ترتیب از این column ها بیارم بیرون !
html به این شکل هست !


<div class="main">
<div class="column-right">
<div class="item">
1
</div>
<div class="item">
3
</div>
<div class="item">
5
</div>
<div class="item">
7
</div>
<div class="item">
9
</div>
<div class="item">
11
</div>
</div>
<div class="column-left">
<div class="item">
2
</div>
<div class="item">
4
</div>
<div class="item">
6
</div>
<div class="item">
8
</div>
<div class="item">
10
</div>
<div class="item">
12
</div>
</div>
</div>


من برای اینکه از این ها رو خارج کنم از کد زیر استفاده می کنم :


element = '.item';
father = $('.main');
right = $('.column-right');
left = $('.column-left');
$(element).each(function () {
child = $(this);
child.appendTo(father);
});

کد درسته و کار می کنه اما این اول کل column-right وبعد کل column-left رو خارج می کنه
یعنی خروجی میشه
1
3
5
7
9
11
2
4
6
8
10
12
اما من می خوام که یکی رو از column-right و یکی از column-left خارج کنه تا خروجی بشه
1
2
3
4
5
6
.
.
امیدوارم منظور رو رسونده باشم :دی
ممنون از همگی !:قلب:

[reza-shady]

مشکل حل شد !
توی هر مرحله از each اولین div از هر column رو منتقل کردم درست شد !

$(element).each(function () {
$('.column-right '+element+':first-child').appendTo(father);
$('.column-left '+element+':first-child').appendTo(father);
});