时间戳

首页 > 解决方案 > 使用 jQuery 多次追加

jquery - 使用 jQuery 多次追加

问题描述

如何在单击按钮时将我的变量多次附加form到？container我在点击事件中有 3 个附加语句，它只附加一次。我希望form每次点击附加 3 秒。

小提琴

$(document).on('click', 'button', function() {
  var form = $('.form').first().clone();
  $('.container').append(form);
  $('.container').append(form);
  $('.container').append(form);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <button>
      Click
      </button>
  <div class="form">
    Hello, World
  </div>
</div>

标签： jqueryhtml

解决方案

您每次都需要clone()表单，否则 jQuery 似乎会检测到您之前已经附加了相同的对象。

$(document).on('click', 'button', function() {
  var form = $('.form').first().clone();
  $('.container').append(form);
  $('.container').append(form.clone());
  $('.container').append(form.clone());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <button>
      Click
      </button>
  <div class="form">
    Hello, World
  </div>
</div>

推荐阅读