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

我有两个div

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

一些细节111

及

一些细节222

我想创建：

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

一些细节111一些细节222

---

什么是最好、最快捷的方法？

使用jQuery，您可以做到：

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

$（文档）.ready（函数（）{
$（“正文”）。追加（“”）；
$（“#新”）.text（$（“#第一”）.text（）+“+$（“#第二”）.text（））；
});

使用jQuery，您可以通过以下方式完成：

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

$（“正文”）.append(
$('')
.attr（“id”，“新”）
.html(
$（“#first.html（）+$（“#second”）.html（）
)
);

尝试以下方法：

小提琴示例：

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

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

如果您想要创建一个div，然后添加内容，请尝试如下操作

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

$（“正文”）.append（“”）
$（'#New'）.html（$（'#first'）.html（）+“”+$（'#second'）.html（））

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

---

请在这里展示一些作品。这不是一个免费的软件编写服务。这不是免费的，我们为分数编写代码！嗨，我不是要求为我编写免费代码，我只是想要一个好的提示或建议。这里不是提供“提示”或“建议”的地方，我们来这里是为了回答特定的编程问题。哇，上面的评论真的令人失望。什么这个社区正在发生什么事？我们现在是一群狂热者吗？这是行不通的，因为

$（'New'）

会尝试选择一个元素（并失败），而不是创建一个新元素。同样的问题是，

div id=“New”>

元素不存在；您仍在尝试（错误地）若要选择现有元素，您没有创建新元素。@AnthonyGrist:这是您要求的更改吗？现在代码正常了…？您好，谢谢您的帮助。它如何创建新的div，但如何删除旧的div？

$（“#first，#second”）.remove（）

；

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

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