insertAfter 重复元素

【问题标题】：insertAfter Repeating ElementsinsertAfter 重复元素
【发布时间】：2014-12-03 19:49:38
【问题描述】：

我正在 CMS 上构建一个电子商务网站，其中产品名称位于图像顶部。我想将产品名称移到图片下方。

我正在使用：

$( ".productListNames" ).insertAfter( ".productListImageContainer" );

但问题是，它需要每个 .productListNames 元素并将它们放在每个产品的 .productListImageContainer 下。

我该如何解决这个问题？

谢谢！

【问题讨论】：

标签： jquery content-management-system e-commerce insertafter

【解决方案1】：

使用循环将此逻辑应用于每个项目。这些产品可能都有自己的容器：

$('.container-of-every-item').each(function () {
    var $container = $(this);
    $container.find('.productListName').insertAfter($container.find('.productListImageContainer'));
});

这有帮助吗？

【讨论】：

嗯...感谢您的快速响应！它实际上不起作用...不知道为什么选择器不起作用...每个产品都有自己的容器...但没有类...它们是 ul 类“productListGroupContainer”中的在 div id“productImages”中。 “.productListGroupContainer li”似乎不适用于“.container-of-every-time”。