ハンドルバーの要素を追加

Question

私はhandlebar.jsのインテグレーションを持っており、テンプレートを使用してdropdownsという数値を入力しています。今度は、同じ要素を追加する必要があるボタンが必要です。私はそれがクラス名の行を持つdiv要素のクローンを作成する必要があり、次の行に追加する必要がありますAdd One moreボタンをクリックすると、コードがこの

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

のようなものです。どのようにハンドルバーを使ってこれを行うことができますか？または、ここでjQueryを使用する必要がありますか？

Answer 1

はhandlebars.jsを知らないが、jQueryと、それはpreetyシンプルになるだろう：（ '行.prepend）

$(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>