使用处理程序栏模板删除行

Delete Row using HandlerBars template

本文关键字：删除行 程序 处理      更新时间：2023-09-26

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

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