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

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

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

Answer 4

尝试以下方法：

小提琴示例：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 5

$("&lt;div&gt;&lt;/div&gt;").attr("id", "New").html($("#first").html() + $("#second").html()).appendTo($("body"));

如何将两个div合并为一个div

5 个答案: