선택기가 아닌 전체 페이지 요소를 대체하는 jquery

Question

오른쪽의 데이터를 가져 와서 왼쪽의 이미지 아래에 놓으려고합니다. 이 함수를 사용하면 전체 문서를 덮어 씁니다.

var product_shop = jQuery('.product-shop'); 

jQuery('.product-img-box #image').after(product_shop[0].outerHTML); 

사이트 URL : http://www.mjtrim.com/greek-key/33mm-greek-key-jacquard.html#colors

가 아무리 등 insertafter 속성을 사용하는 어떤 방법, 나는 같은 결과를 얻을 수 없습니다.

Answer 1

$(".product-img-box #image").after("<div>" 
    + $(".product-shop").html() + "</div>"); 

편집 : 이제 이미지 뒤에 필수 텍스트가 추가됩니다.

원하는대로하는 것이 확실하지 않지만 시도해 볼 가치가 있습니다. .product-shop 상자 전체 또는 설명 텍스트 만 원하십니까?