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')); 
}); 

這是否對您有幫助？