Javascript 添加多个用户jQuery

我想在jQuery中添加多个用户。我有以下代码，但它不工作。有人知道为什么吗

谢谢

    <script type="text/javascript">

$( document ).ready(function() {
  $('#add').click(function(){
        var newuser = $.html('Gebruiker: <input type="text" name="user[]"><br />');

        $(newuser).appendTo('#users');
    });
});


</script>
<section>
<span id="add">Nieuwe gebruiker</span><br /><br /><br />
<form action="" method="" id="users">

<input type="submit" name="send" value="verzenden">
</form>

$（文档）.ready（函数（）{
$（'#添加'）。单击（函数（）{
var newuser=$.html（'Gebruiker:
'）；
$（newuser）.appendTo（“#users”）；
});
});
Nieuwe gebruiker

在变量中只使用字符串，不需要jQuery

.html（）

函数。然后将

.appendTo（）

函数更改为

.append（）

，并在jQuery选择器中定义元素

$( document ).ready(function() {
    $('#add').click(function(){
        var newuser = 'Gebruiker: <input type="text" name="user[]"><br />';
        $('#users').append(newuser);
    });
});

$（文档）.ready（函数（）{
$（'#添加'）。单击（函数（）{
var newuser='Gebruiker:
'；
$（'#users'）。追加（newuser）；
});
});

是的，jQuery中没有名为

$.html（）

html

是一组节点的方法

您可以执行以下操作：

$(document).ready(function () {
    $('#add').click(function () {
        $('#users').append('Gebruiker: <input type="text" name="user[]"><br />');
    });
});

$（文档）.ready（函数（）{
$（'#添加'）。单击（函数（）{
$（'#users'）.append（'Gebruiker:
'）；
});
});

---

如果您想知道当前代码为什么不工作：

---

以除“不行。获取此错误：未捕获错误：语法错误，无法识别的表达式：Gebruiker:
@DonnyvanV请提供一个fiddleNow我要删除元素。我的新代码是这样的：它甚至不会被点击，因为没有日志会显示您遇到了动态创建的元素问题。对于这些，您需要在上使用

，而不是使用
。单击
。JSFIDLE:使用$（document）.on（'click'，'.delete'，function（）{$（this.remove（）；console.log（'reacted'）；}）。。。但是，您需要将所有元素包装在一个div中以选择所有包含的元素。。。我已经更新了下面的答案…新的输入字段不会显示。我试过不同的密码，但都不管用。在我当前的代码中，我收到了：uncaughttypeerror:Object function（e，t）{return new b.fn.init（e，t，r）}没有方法'html'，我知道$.html（）不起作用，但我的任何尝试都没有帮助。
$.html（）
？？
$( document ).ready(function() {
  $('#add').click(function(){
        $('<input type="text" name="user[]">').appendTo('#users');
    });
});

$( document ).ready(function() {
  $('#add').click(function(){
        var newuser = $.parseHTML('Gebruiker: <input type="text" name="user[]"><br />');

        $(newuser).appendTo('#users');
    });
});

$( document ).ready(function() {
    $('#add').click(function(){
        var newuser = $.parseHTML('<div><label>Gebruiker:</label> <input type="text" name="user[]"><span class="delete">Verwijderen</span></div>');
        $(newuser).appendTo('#users');
    });
    $(document).on('click','.delete', function(){ 
          $(this).parent('div').remove(); 
          console.log('reached'); 
    }); 
});