javascript - 单击此 div 中的元素复制 div

Question

当单击 .delete div 时，我尝试复制 .step div。复制的 div 应出现在单击 .delete div

的步骤下方

      <div class="step" >
          <h2> sth </h2>

          <div class="copy"></div>
          <div class="delete"></div>
      </div>

      <div class="step" >
          <h2> sth </h2>

          <div class="copy"></div>
          <div class="delete"></div>
      </div>

      <div class="step" >
          <h2> sth </h2>

          <div class="copy"></div>
          <div class="delete"></div>
      </div>

这是我错误的 jQuery:

  $('.copy').click(function(){
   var newDiv = $(this).parent().innerHTML;
   $(this).parent().after(newDiv);
 });     

Answer 1

它将是 jQuery .html() 而不是 DOM innerHTML，因为 parent() 返回一个 jQuery 包装器。

但是没有必要搞乱 HTML 源代码；使用clone()。

$(this).parent().after($(this).parent().clone());

(如果您想跨现有事件处理程序进行复制，还有clone(true)，即新副本上的click()也会复制该副本。)