我有这样一行元素:

<template>
    <div style="width: 150px; height:60px; overflow:hidden; margin-top:.5%; z-index:999; " >
        <input name="name[]" type="text"  placeholder="Name" style="height:40px; width:250px; border:none; margin-left:800px; position:absolute; border-radius:10px; font-size:20px; z-index:999; " >
        <input name="val[]" type="text"  placeholder="Value" style="height:40px; width:98px; border:none; margin-left:1070px; position:absolute; border-radius:10px; text-align:center; color:#006ca5; font-size:20px; z-index:999; ">
    </div>
</template>

<script>
    function addrow() {
        $(template).attr('id', 'id' + i).appendTo('#appendloc');
        i++;
    };

appendLoc定义为:

<div id="appendloc">
</div>

圆形按钮:

现在，我有了一个圆形按钮（），单击它时，调用addrow函数，这就是我能够添加模板行的方式。 但是现在，我想在添加的模板的每一行添加一个类似于圆形按钮的'-'，点击它将删除相应的行。 似乎我必须按索引保留每一行，这样就可以删除特定的行。 谁能建议我去吗？ 我正在学习javascript，因此如果有专家对此发表意见，我将不胜感激。

多谢