Jquery 在每个父div中，获取位于子div中的元素并将其附加到不同的子div

我在一页上有几个div，其中包括产品细节；我需要获取div.availability中的一个产品详细信息（在本例中为可用性），并将其附加到price container div（div.priceContainer）中

我得到的结果是正确的，但它从每个div中获取可用性，并为每个div列出它们，而不是分别列出它们。基本上每个产品部门现在都有3个可用性

感谢您的帮助。

问题是：使用

$（this.appendTo（'div.priceContainer'）

在这里，您将元素附加到所有

priceContainer

元素中。。因此，您只需要参考与

可用性
元素相关的
priceContainer
元素

根据您的HTML结构使用
$（this）.closest（'div.standardItem'）。find（'div.priceContainer'）而不仅仅是
'div.priceContainer'


$（函数（）{
$（'div.standardItem div.availability'）。每个（函数（）{
$（this）.appendTo（$（this）.closest（'div.standardItem'）.find（'div.priceContainer'））；
});
});
.standardItem{
宽度：100%；/*40%*/
背景#f1f1；
填充：20px；
裕度：0 10px 0；
显示：表格；
}
.其他信息{
浮动：左；
背景色：#fff；
填充：10px；
宽度：30%；
最小高度：30px
}
.价格容器{
浮动：对；
背景色：#1D7EC0；
高度：自动；
最小高度：30px；
宽度：30%；
颜色：#fff；
}

可供选择：34
可供选择：56
可供选择：21
我的问题的一个有效例子可以在这里看到：ur Welcome@NewB。。祝你今天愉快：-）
<div class="standardItem">
<div class="additionalInfo">
<div class="availability">Available:34</div>
</div>
<div class="priceContainer">
</div>
</div>

<div class="standardItem">
<div class="additionalInfo">
<div class="availability">Available:56</div>
</div>
<div class="priceContainer">
</div>
</div>

<div class="standardItem">
<div class="additionalInfo">
<div class="availability">Available:21</div>
</div>
<div class="priceContainer">
</div>
</div>

$(function() {
   $('div.standardItem div.availability').each(function() {
    $(this).appendTo('div.priceContainer');
   });
});