DOM에서 div 위치로 이동

Question

& div ID를 DOM의 다른 위치로 복사하고 싶습니다.

<div id="portfolio"></div> 

.html()을 구현하는 데 올바른 코드입니까?

$(".text").click(function() { 
    $("#portfolio").html($(this).next(".text1").html()); 
    $(this).html(''); 
}); 

Answer 1

는 jQuery를 사용하여 HTML 요소를 이동하려면, 당신은 사용할 수 있습니다 -

$("someSelector").appendTo("someOtherSelector"); 

복사하려면 사용할 수 있습니다 - http://api.jquery.com/clone/

Answer 2

-

$("someSelector").clone().appendTo("someOtherSelector"); 

여기를 보라 .append()을 사용하고 콘텐츠를 .html() :

으로 설정하십시오.

바이올린 예 작업 : http://jsfiddle.net/agconti/aAjbw/

HTML :

<div id="portfolio">stuff</div> 

JS : 포트폴리오 요소 후 DIV 년대를 추가합니다 .append()를 사용

$(function() { 
    $(document).on("click", "#portfolio", function (e) { 
     e.preventDefault(); 
     $("body").append("<div>" + $("#portfolio").html() + "</div>"); 
}); 
}); 

. .prepend()을 사용하여 앞에 div를 추가 할 수 있습니다.

Answer 3

나는 당신이 달성하고자하는 것을 이해 경우) (

$(".text").click(function() { 
    $("#portfolio").html($(this)); 
}); 

들이게 사업부 내에서 innerHTML을, 또는 무엇이든의를 의미한다, 그러나 당신은 개체 자체를 이동하려는.

jsfiddle : http://jsfiddle.net/Nh9Ef/1/