Выберите содержимое HTML внутри <div>и добавьте

Question

Я пытаюсь сделать что-то вроде этого:

<div id="aa">
 <select><option>1</option></select>
 <select><option>a</option></select>
</div>

<div id="bb"></div>

$('#aa').html(appendTo('#bb'));

Как мне переместить два выбранных меню внутри #aa на #bb?

Большое спасибо.

Answer 1

Если вы хотите переместить их, а не копировать, сделайте это:

$('#aa').children().appendTo('#bb');

Если вы хотите скопировать их, вы можете сделать это:

$('#aa').children().clone(true).appendTo('#bb');

Оба из них предотвращают ненужное уничтожение элементов DOM, и они сохраняют любые обработчики событий на элементах.

---

РЕДАКТИРОВАТЬ: Я шел в неправильном направлении. У меня были дети bb, добавленные к aa. Исправлено.

Answer 2

$('#aa>select').appendTo('#bb);

Перемещает все выбранные элементы из aa в bb

Answer 3

Переместить или скопировать?

Вы можете использовать это для копирования:

$('#bb').html($('#aa').html());

И если вы очищаете #aa, просто сделайте:

$('#aa').html('');

http://jsfiddle.net/VhuG7/

Answer 4

$('#bb').html($('#aa').html());

это должно работать