移动具有相同类别的Div

时间:2012-12-12 17:43:24

标签: jquery

这是我的JSFIDDLE CLICK HERE

我的问题是我的课程与我想要在div课程之上移动的课程相同。因此,如果您查看我的HTML,您会注意到我有class = catalogItemFooter。我想在class = catalogThumbnailArea之前移动所述类。我的问题是,有多个类共享同一个类。如果你正在看我的小提琴,你会注意到它将两个项目都移到另一个上面。我不想要这个,我希望这个名字超越其相应的catalogThumbnailArea,而不是将其添加到所有其他名称。

到目前为止我的脚本

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

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

1 个答案:

答案 0 :(得分:1)

试试这个

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

我使用相应的类循环遍历所有div并将其插入相应的表。

<强> Check Fiddle