将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/