Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用HandlerBars模板删除行_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用HandlerBars模板删除行

Javascript 使用HandlerBars模板删除行,javascript,jquery,html,Javascript,Jquery,Html,如何使用handler bars模板在html页面中实现删除行功能。我已经使用Handlerbars模板创建了行的添加。现在,每当单击delete按钮时,我都要逐个删除它们 由于您没有提供任何HTML或模板代码,我猜下面的HTML正在生成中 <div class="grid-rows"> <div class="row"> <span>something</span> <span><a hr

如何使用handler bars模板在html页面中实现删除行功能。我已经使用Handlerbars模板创建了行的添加。现在,每当单击delete按钮时,我都要逐个删除它们

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