как скопировать div в некоторый div и удалить оригинальный div

Question

0

Предположим, что у меня есть следующая разметка

<div id="test">
  <div class="original">hi</div>
  <div class="news"></div>
  <div class="duplicate"></div>
</div>

Теперь я хочу удалить original и вставить его для duplicate

Результат должен выглядеть следующим образом:

<div id="test">   
  <div class="news"></div>
  <div class="duplicate"><div class="original">hi</div></div>
</div>

Я так пробовал

var orig = $('.original');
orig.remove().clone(true).appendTo('.duplicate'); // but not working

Navin Rauniyar 25 сен. 2013, в 13:27

Теги:

dom

3 ответа

3

Попробуй это:

var original = $('.original');
var duplicate = $('.duplicate');
duplicate.append(original);

Если элемент, выбранный таким образом, вставляется в одно место в другом месте DOM, он будет перемещен в цель (не клонирован):

Prusprus 25 сен. 2013, в 09:14

2

appendTo() будет "перемещать" элемент:

var $orig = $('.original');
$orig.appendTo('.duplicate');

George 25 сен. 2013, в 09:17

Greenhorn · Accepted Answer · 2013-09-25T08-25-00.000Z

Вы можете сделать так:

$(".original").detach().appendTo(".duplicate");

Или просто

$(".original").appendTo("duplicate");

$(".original").appendTo(".duplicate"); . $(".original").appendTo(".duplicate"); . $(".original").appendTo(".duplicate"); работает так же