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

이 방법이 도움이됩니까?