通过将元素移动到其同级元素中，使用JavaScript或jQuery进行DOM操作

我有一个包含产品图像和描述的DOM元素的大列表。 如何使用JavaScript或jQuery将

.title

元素移动到其同级

imageWrapper

元素中

我在这里画了一张图表，希望这有助于解释情况

以下是我到目前为止的情况：

var $titleArray = $('.title');

for (var i = 0 ; i < $titleArray; i++){
    var $imageWrapper = $($titleArray[i]).parent().prev();
    $($titleArray[i]).appendTo($imageWrapper);  
};

var$titleArray=$（'.title'）；
对于（变量i=0；i<$titleArray；i++）{
var$imageWrapper=$（$titleArray[i]）.parent（）.prev（）；
$（$titleArray[i]）。附加到（$imageWrapper）；
};

---

明白了！我忘了把

.length

放在

$titleArray

后面，我用了

appendTo（）

而不是

prependTo（）

。虽然代码现在看起来不那么优雅。但这是一个好的开始

var $titleArray = $('.title');

for (var i = 0 ; i < $titleArray.length; i++){
    var $imageWrapper = $($titleArray[i]).parent().prev();
    $($titleArray[i]).prependTo($imageWrapper);  
};

var$titleArray=$（'.title'）；
对于（变量i=0；i<$titleArray.length；i++）{
var$imageWrapper=$（$titleArray[i]）.parent（）.prev（）；
$（$titleArray[i]）.prependTo（$imageWrapper）；
};

发布到目前为止您已经尝试过的内容。@Alon Eitan，@Utkanos我刚刚更新了帖子。谢谢