Как клонировать клонированный элемент?

Question

[ARX2]

Как клонировать клонированный элемент?

<div class="test">
                          <div class="testText">
                            Test
                          </div>
                        </div>

$('.testText').click(function(){
                            $('.test').append($(this).clone());
                          });

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

Comments

[longclaps]

Ты помолился перед клонированием, священник? Нет? Вот и получается клониво.

Answer 1

[0xD34F]

Элемент скопировали, а привязанные к нему обработчики событий - нет.

Сделайте обработчик клика делегированным, вместо клонируемого элемента назначьте его контейнеру, в котором элемент содержится:

const $test = $('.test').on('click', '.testText', function() {
  $test.append($(this).clone());
});

Или клонируйте элемент вместе с его обработчиками событий:

$('.testText').click(function() {
  $('.test').append($(this).clone(true));
});

Answer 2

[Igor Ustyugov]

$('.testText').click(function(){
     $('.test').append($(this).clone(true));
 });