在clone（）之后，函数不起作用。 jQuery的

Question

我想当我点击按钮时它应该变成文本并克隆新按钮。执行克隆对象后。功能不起作用。这是我的代码

的jQuery

$('button').on('click', function(){
  $(this).replaceWith('<p>'+ $(this).text() +'</p>');
  $(this).clone().appendTo('body');
});

HTML

<button>1</button>
<button>2</button>
<button>3</button>

DEMO

Answer 1

您需要event delegation：

  

事件委托允许我们将单个事件侦听器附加到父元素，该元素将为匹配选择器的所有后代触发，无论这些后代现在是存在还是将来添加。

$(document).on('click','button', function(){
 $(this).replaceWith('<p>'+ $(this).text() +'</p>');
 $(this).clone().appendTo('body');
});

<强> Demo