핸들 막대에 요소 추가

Question

handlebar.js 통합이 있고 템플릿을 사용하여 dropdowns 숫자를 채우고 있습니다. 이제 아래에 동일한 요소를 추가해야하는 버튼이 필요합니다. 나는 그것이 클래스 이름 행이 사업부를 복제 할 필요가 다음 행에 추가하는 데 필요한 Add One more 버튼을 클릭하면 코드는 다음과

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

같다. 핸들 바를 사용하여 어떻게하면됩니까? 아니면 여기 jQuery를 사용해야합니까?

는

Answer 1

는 handlebars.js 모르지만, jQuery로는 preety 간단한 수 있습니다 :

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