Javascript JQuery追加Html onclick函数

我正试图均匀地删除文本框。我的意思是，对于每个文本框，我想要删除按钮。如果我单击删除按钮，我想要删除文本框

用于添加多个文本框的Html

<pre><div id="TextBoxDiv1">
                    <label style="float: none;"> Bus Model &nbsp;&nbsp;&nbsp;
                    <input style="width: 150px;" type="text" value="" class="validate[required,custom[onlyNumberSp]]" name="numsValid" id="numsValid">
                    <img src="images/india_rupess.png" style="margin-left:18px;"> :</label>
                    <input style="width: 150px;" type="text" value="" class="validate[required,custom[onlyNumberSp]]" name="numsValid" id="numsValid">
                    <label style="float: none;margin-left: 16px;"><span class="font-dollar">﹩</span>&nbsp; :</label>
                    <input style="width: 150px;" type="text" value="" class="validate[required,custom[onlyNumberSp]]" name="numsValid" id="numsValid">
                    &nbsp;&nbsp;<a href="javascript:;" id="addButton">Add</a>&nbsp;&nbsp;<a href="javascript:;" id="removeButton">Remove</a>
                    </div></pre>

    $("#TextBoxesGroup").on('click', '.removeButton', function(){
        $(this).closest('div').remove();        
    });

公共汽车模型
:
﹩  :

这是我的剧本

var计数器=2；
$（“#添加按钮”）。单击（函数（）{
$（“#TextBoxesGroup”）.append（“您可以在删除按钮上添加一个类，并在
$（“#TextBoxesGroup”）
添加删除事件。如下所示

这是更新后的..
您可以在删除按钮上添加一个类，并在
$（“#TextBoxesGroup”）上使用

添加删除事件。如下所示

下面是更新后的..
id
对于完整文档中的HTML元素是唯一的。您将为多个元素提供相同的
id
。其次，当您使用
单击
附加事件处理程序时，它们将绑定到DOM中已经存在的元素，而不是以后要添加的元素。如果您希望o附加单击事件处理程序您应该使用
上的
方法，如下所示：

id
对于完整文档中的HTML元素是唯一的。您为多个元素提供了相同的
id
。其次，当您使用
单击
附加事件处理程序时，它们绑定到DOM中已经存在的元素，而不是以后要添加的元素。如果要附加，请单击事件处理程序u应使用如下所示的
on
方法：

可能重复的不是我的问题。Nikko Reyes回答的是那个问题。可能重复的不是我的问题。Nikko Reyes回答的是那个问题。是否为否决票添加评论？是否为否决票添加评论？
    $("#TextBoxesGroup").on('click', '.removeButton', function(){
        $(this).closest('div').remove();        
    });

$(document).on('click', '.removeButton', function(e){
    // your logic here...
});