如何合併兩個div一個DIV

Question

我有兩個div

<div id = "first">some details111</div> 

和

<div id = "second">some details222</div> 

我想創建：

<div id ="New">some details111 some details222</div> 

什麼是最好的和快速的方式去做吧？

Answer 1

使用jQuery，你可以這樣做：

$(document).ready(function(){ 
    $("body").append("<div id='New'></div>"); 
    $("#New").text($("#first").text() + " " +$("#second").text()); 
}); 

Answer 2

好，使用jQuery你可以通過這樣做：

$("body").append(
    $('<div/>') 
     .attr("id","New") 
     .html(
      $("#first).html() + $("#second").html() 
     ) 
); 

Answer 3

嘗試以下：

小提琴例：http://jsfiddle.net/RYh7U/99/

如果你已經有DIV ID爲「NEW」，然後嘗試象下面這樣：

$('#New').html($('#first').html() + " " + $('#second').html()) 

如果想創建一個div，然後添加的內容，然後嘗試像下面。

$("body").append("<div id ='New'></div>") 
$('#New').html($('#first').html() + " " + $('#second').html()) 

Answer 4

$("<div></div>").attr("id", "New").html($("#first").html() + $("#second").html()).appendTo($("body")); 

Answer 5

一些香草JS踢和笑聲：

// grab the content from our two divs 
var content1 = document.getElementById('one').innerHTML; 
var content2 = document.getElementById('two').innerHTML; 

// create our new div, pop the content in it, and give it an id 
var combined = document.createElement('div'); 
combined.innerHTML = content1 + " " + content2; // a little spacing 
combined.id = 'new'; 

// 'container' can be whatever your containing element is 
document.getElementById('container').appendChild(combined);