Javascript 如何分离和附加到相关的div only jQuery

我正在尝试将div与相关父div分离，然后附加到同一父div

//Jquery Code
jQuery(function(){
    moveColorDots();

});
function moveColorDots(){
    var copyDivData = jQuery('.variations_form.wvs-archive-variation-wrapper').detach();
    copyDivData.appendTo('.product-variations');
}

这里有一些数据
标题

预期结果。

但是在运行了上面的代码之后，我得到了以下结果。

描述：从DOM中删除匹配的元素集

这意味着您将所有分离的元素附加到每个

产品变体
元素


您需要使用
.each（）


您也可以直接使用
.appendTo（）




//Jquery代码
jQuery（函数（）{
移动彩色点（）；
});
函数moveColorDots（）{
jQuery（'.variations\u form.wvs归档变体包装器'）。每个（函数（）{
var product_variations=jQuery（this）.next（'div'）.find（'product variations'）；
jQuery（this）.appendTo（产品变更）；
});
}

这里有一些数据1
标题
这里有一些数据2
标题

<div class="pp-content-post">
    <div class="variations_form wvs-archive-variation-wrapper">
      some data here
    </div>
    <div class="product-box">
        <div class="glasses-sec">
            <h3>title</h3>
        </div>
        <div class="product-variations"></div>
    </div>
</div>