клонирование одного div дважды

Question

Я в основном пытаюсь клонировать div, который уже существует на странице, еще два раза.Вот что я хочу клонировать:

<div class="tnt-zombies">
     //code in here
</div>

Мне нужно, чтобы у меня был класс расширенного для одного клонированного div и класс премиум для второго клона.Я также хочу добавить класс клонированных к каждому из этих двух клонов, поэтому, когда я собираюсь удалить их, я могу просто вызвать класс клонированных.

Конечный результат, который я хотел бы получить, это:

<div class="tnt-zombies">//other code in here</div>
<div class="tnt-zombies cloned enhanced">//other code in here</div>
<div class="tnt-zombies cloned premium">//other code in here</div>

Надеюсь, это имеет смысл.

Answer 1

Попробуйте:

var the_clone = $('.tnt-zombies').clone().addClass('cloned');

var enhanced = the_clone.clone().addClass('enhanced');
var premium = the_clone.clone().addClass('premium');

$('body').append(enhanced, premium);

Скрипка: http://jsfiddle.net/maniator/Arzmm/

Answer 2

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

$('.tnt-zombies').clone().addClass('cloned enhanced').insertAfter('.tnt-zombies').end().clone().addClass('cloned premium').insertAfter('.tnt-zombies:last');