使用 jQuery 将 TextBox 动态添加到网页

Question

我正在尝试使用 jQuery 在 ASP.NET MVC 中的网页中添加一个文本框。我有一个按钮，单击该按钮时，我希望将 TB 添加到给定类的文本框集合的末尾。 这是我添加文本框的 jQuery 代码。

$(document).ready(function () {

$("#addTextBox").click(function () {

    var count = $('input:text .approvers').length;

    if (count <= 20) {

        var newTextBox = $(document.createElement('text'));

        newTextBox.appendTo('.approvers:last');
    }
});

});

这是我在 MVC 视图中创建的按钮

 <input type="button" value="+" id="addTextBox" class="roundButton" />

但这不起作用。它在外部 JS 文件中定义。我已经研究并确保在我自己的 JS 文件之前首先添加 jQuery。我错过了什么。

PS：我在 jQuery 函数的开头添加了一个断点，当我调试时它给了我这个警告 断点当前不会被命中。没有为此文档加载任何符号我正在努力解决这个问题，但不确定这可能是问题所在。

Answer 1

尝试改变：

var newTextBox = $(document.createElement('text'));

newTextBox.appendTo('.approvers:last');

到：

$('.approvers:last').append($("<input type='text' value='value' />"))

更新：
另一个错误是var count = $('input:text .approvers').length;?
将其更改为：var count = $('input[type='text'].approvers').length;