клонирование одного 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); 

Fiddle: 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');