javascript - 如何将两个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

一些用于踢球和咯咯笑的香草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);

Answer 3

试试下面的：

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

如果您已经有一个ID 为“NEW”的 DIV，请尝试如下操作：

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

如果你想创建一个 div然后添加内容然后尝试如下。

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

Answer 4

好吧，使用 jQuery 你可以这样做：

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

Answer 5

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