使用HandleBars模板删除行

Question

如何使用处理程序栏模板在html页面中实现删除行功能。我已经使用Handlerbars模板创建了行添加。现在我想在单击删除按钮时单独删除它们。

Answer 1

由于您没有提供任何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();
});