Question

我进行了handlebar.js集成，我使用模板填充了一些dropdowns。现在我需要一个按钮，需要在下面添加相同的元素。代码就像这样

<div class='row'>
//my HTML goes here
<button>Add One more</button>
</div>

当我点击Add One more按钮时，它需要克隆带有类名行的div，并需要将其添加到下一行。我怎么能用Handlebars做到这一点？或者我需要在这里使用jQuery？

Answer 1

不知道handlebars.js，但使用jQuery它会很简单：

$(document).on('click', '.row button', function() {
  var cloned = $(this).closest('.row').clone();
  $(this).closest('.row').parent().append(cloned);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <div class="row">
    other stuff
    <button>add one</button>
  </div>
</div>

在Handlebar中添加元素

1 个答案: