javascript - 2 つの div を 1 つの div にマージする方法

Question

私は2つの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"));