Javascript 如何使用Handlebar.js将行添加到表中

我对handlebar.js完全陌生，因此需要专家的帮助才能完成我的任务

我有一个已经通过jsp创建的Html表。 现在，如何使用handlebar.js动态地向表中添加新行

Html结构

<table>
<tr>
<td class="one">one</td>
<td class="two">two</td>
<td class="three">three</td>
</tr>
<tr>
<td class="one">check</td>
<td class="two">checked</td>
<td class="three">checking</td>
</tr>
</table>
<form>
#input for first column
#input for second column
#input for third column
</form>

<div class="add">Add New Row</div> //on clicking add new row form gets open and there is save button to add new row

一
二
三
检查
选中的
检查
#第一列的输入
#第二列的输入
#第三栏的输入
添加新行//单击“添加新行”时，窗体将打开，并有“保存”按钮添加新行

我相信这对库纳尔来说已经晚了3年8个月，但也许有人会从中受益

@Perpatim是正确的，一点jquery就可以了。我在我的车把视图中包括以下内容

按钮：

<button id="btnNewRow">Add New Row</button>

添加新行

脚本将行追加到表中：

<script>
    $(document).ready(function() {
        $('#btnNewRow').on('click', function(evt) {
            evt.preventDefault();
            $("#approverTable").find('tbody')
                .append($('<tr><td><input></td><td><input></td><td><input></td></tr>'))
        });
    });
</script>

$（文档）.ready（函数（）{
$（'btnNewRow'）。在（'click'，函数（evt）上{
evt.preventDefault（）；
$（“#approverTable”）.find（'tbody'）
.附加（$（''）
});
});

最后请记住，您需要从本地副本或通过内容交付网络（CDN）加载jquery，因此添加以下内容（我在我的Handlebar布局中而不是在我的视图中这样做）

---

首先，您不会使用Handlebar，一个客户端模板库。查看jQuery的

append（）

，如

$（'table'）。append（'table'）
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>