使用HandlerBars模板刪除行

Question

如何使用處理程序欄模板在html頁面中實現刪除行功能。我已經使用Handlerbars模板創建了添加行。現在我想單擊刪除按鈕時單獨刪除它們。

Answer 1

既然你have't提供您的任何HTML或模板的代碼，我會猜測正在生成下面的HTML

<div class="grid-rows"> 
    <div class="row"> 
     <span>something</span> 
     <span><a href="#" class="deleteBtn">Delete</a></span> 
    </div> 
    <div class="row"> 
     <span>something</span> 
     <span><a href="#" class="deleteBtn">Delete</a></span> 
    </div> 
    <div class="row"> 
     <span>something</span> 
     <span><a href="#" class="deleteBtn">Delete</a></span> 
    </div> 
</div> 

沒有什麼可以做的車把，同時使用把手生成刪除行。您可以使用以下內容

$(document).on('click', '.deleteBtn', function(){ 
    $(this).closest('.row').remove(); 
});