Как объединить две дивы в одном DIV

У меня есть две дивыКак объединить две дивы в одном DIV

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

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

Я хочу создать:

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

Что такое лучший и быстрый способ сделать это?

источник

2013-02-21 user2095956

+11

Пожалуйста, покажите некоторую работу здесь. Это не бесплатный сервис для написания программного обеспечения. –

Это не бесплатно, мы пишем код для очков! – dfsq

Привет, я не прошу написать мне бесплатный код, я просто хочу хороший совет или совет. – user2095956

Использование JQuery вы могли бы сделать это:

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

источник

2013-02-21 15:11:08

Ну, с помощью JQuery вы можете сделать таким образом:

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

источник

2013-02-21 15:12:38

Привет, Спасибо за помощь. Как я вижу Это создает мне новый div, но как я стираю старый? – user2095956

'$ (" # first, # second "). Remove()'; –

Попробуйте ниже:

скрипку Пример: 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())

источник

2013-02-21 15:12:43 Pandian

Это не сработает, так как '$ ('New')' попытается выбрать элемент (и не выполнить), а не создать новый. –

@ AnthonyGrist: я изменил свой код ... – Pandian

Такая же проблема, элемент 'div id =" New ">' не существует; вы по-прежнему пытаетесь (неправильно) выбрать существующий элемент, вы не создаете новый. –

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

источник

2013-02-21 15:13:35 youssDev

Некоторая ваниль 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);

источник

2013-02-21 15:27:33

Как объединить две дивы в одном DIV

ответ

Смежные вопросы