jquery - 移动具有相同类的 div

Question

这是我的 JSFIDDLE点击这里

我的问题是我有相同的类，我想在 div 类之上移动。因此，如果您查看我的 HTML，您会注意到我有 class = catalogItemFooter。我想在 class = catalogThumbnailArea 之前移动所述类。我的问题是，有多个类共享同一个类。如果您正在看我的小提琴，您会注意到它将两个项目移到另一个之上。我不想要这个，我希望名称高于其对应的目录ThumbnailArea，而不是将其添加到所有其他目录中。

到目前为止我的脚本

    $(".catalogItemFooter").parent().insertBefore("table.catalogThumbnailArea");

我意识到这可能很复杂，如果您需要更多信息，请询问。谢谢你。

Answer 1

试试这个

$("div.catalogItemFooter").each(function() {
    var $this = $(this);
    var $thumb = $this.closest('table').prevAll('table.catalogThumbnailArea')
                                                                        .first();
    $this.insertBefore($thumb);
});

​</p>

我正在使用相应的类遍历所有 div 并将其插入到相应的表中。

检查小提琴