使用JQuery的动态javascript？

我的代码如下：

<script>

$(document).ready(function() {

    var tagCounter=0;

    $("#tag-add-button").click(function () {
      var text = $("#tagadd").val();
        $("#set-tags").append("<input type='text' id='tag"+tagCounter+"' READONLY>");
      $("#tag"+tagCounter).val(text);
        $("#tagadd").val("");
        tagCounter++;
    });


});
</script>

$（文档）.ready（函数（）{
var-tagCounter=0；
$（“#标记添加按钮”）。单击（函数（）{
var text=$（“#tagadd”）.val（）；
$（“#设置标记”）。追加（“”）；
$（“#tag”+tagCounter）.val（文本）；
$（“#tagadd”）.val（“”）；
tagCounter++；
});
});

这样做的目的如下：

单击标记添加按钮时，它从输入框（tagadd）中获取文本，并将其放入附加到set tags div的新输入框中。然后，tagadd输入框变为空白

我遇到的问题是，我希望每个输入框都有自己的删除按钮。但我不知道当输入框的数量不受限制时如何生成javascript

---

有什么想法吗？

将输入元素放在div或span的内部，并将remove按钮作为输入元素的同级按钮。然后，在按钮的onclick处理程序中，只需执行类似于

$（this.parent（）.remove（）

这会同时删除输入元素和删除按钮本身，而不是使用id（

#tag add button

），使用类，然后使用jQuery的属性并遍历到相应的元素。

$（document）.ready（function（）{
$(document).ready(function() {

    var tagCounter=0;

    $("#tag-add-button").click(function () {
        var text = $("#tagadd").val();
        $("#set-tags").append('<input type="text" id="tag'+tagCounter+'" READONLY /><span class="remove">Remove</span>');
        $("#tag"+tagCounter).val(text);
        $("#tagadd").val("");
        tagCounter++;
    });

    $('span.remove').bind('click',function(){
        $(this).prev('input').andSelf().remove();
    });


});

var-tagCounter=0；
$（“#标记添加按钮”）。单击（函数（）{
var text=$（“#tagadd”）.val（）；
$（“#设置标记”）.append（'Remove'）；
$（“#tag”+tagCounter）.val（文本）；
$（“#tagadd”）.val（“”）；
tagCounter++；
});
$（'span.remove'）.bind（'click'，function（）{
$（this.prev（'input'）.andSelf（）.remove（）；
});
});

我正在尝试这段代码，但当我单击“删除”时，什么也没有发生。很抱歉，将“绑定”替换为“活动”