將div移到DOM中的位置

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"); 

要複製，您可以使用 -

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

這裏看看 - http://api.jquery.com/clone/

Answer 2

使用.append()，然後用.html()設置您的內容：

工作在撥弄例如：http://jsfiddle.net/agconti/aAjbw/

HTML：

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

JS：

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

使用.append()將你的投資組合元素後添加div的。您可以使用.prepend()在其之前添加一個div。

Answer 3

如果我理解你想要達到的目標：

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

的.html（）是指的innerHTML，或其他的在div裏面，但你想移動的對象本身。

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