jquery - insertAfter 重复元素

Question

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

我在用：

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

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

我怎样才能解决这个问题？

谢谢！

Answer 1

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

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

这有帮助吗？