Javascript jquery我试图从表单外部的按钮向隐藏的div追加一个隐藏字段

我正在尝试从表单>拥有基本表单之外的表动态添加到表单，然后从摘要表中单击要向表单添加元素的编辑按钮。下面是我第一次尝试添加一个隐藏字段。我有一个隐藏字段所在的div

下面是代码。我显示的表实际上是一个可滚动的表和div设计。我把它简化为这个函数的基本元素

<form id="incidentform" action="" method="get">
<div id="hidfielddiv">
    <input type="hidden" name="mchnum" value="346"/>
    <input type = "hidden" name="mchemploy" value="1"/>
    <input type = "hidden" name="persontypeid" id="persontypeid" value="2"/>    
</div>
<label class="main">Employee Information</label>
<label class="empname">Name</label>
    <label class="empname">Nursing Assistant - 80</label>
    <input type="submit" class="button" id="addincidentButton" name="addincidentButton" value="Add Incident"/>
</form>
<table>
    <tr>
        <td style="display: none;">0</td>
        <td style="display: none;">2</td>
        <td>11/12/2014</td>
        <td>4:04 PM</td>
        <td>
            <input type="button" class="button" class="editincidentbutton" value="Edit incident" />
        </td>
    </tr>
</table>

员工信息
名称
护理助理-80
0
2.
11/12/2014
下午四时零四分

正如您所看到的，表格在表单外部，下面是脚本

$(function(){
    $(".editincidentbutton").click(function(){
      $('<input>').attr({
        type: 'hidden',
        id: 'superwitness',
        name: 'superwitness',
        value: '0'
      }).appendto("#hidfielddiv"); 
    }
    )
})

$（函数（）{
$（“.editincidentbutton”）。单击（函数（）{
$（''）.attr({
键入：“隐藏”，
id:'超级证人'，
名称：'超级证人'，
值：“0”
}).附录（“#hidfielddiv”）；
}
)
})

jQuery函数名为

appendTo

，大写为“To”，Javascript区分大小写-您需要将代码行更改为：

      }).appendTo("#hidfielddiv"); 

---

问题是双重的

1） camelcase appendTo函数-

appendTo（）

2） 按钮上有多个类-第一个类优先，所以请删除它

---

有两个问题。执行appendTo（区分大小写），或使用append并反转div。我写在下面

$(function(){
$(".editincidentbutton").click(function(){
    $('#hidfielddiv').append('<input type="hidden" id="superwitness" name="superwitness" value="0">');
});

$（函数（）{
$（“.editincidentbutton”）。单击（函数（）{
$（'#hidfielddiv'）。附加（''）；
});

}))

第二个问题（重要）是您正在收听的按钮有两个“类”值。这应该是

<input type="button" class="button editincidentbutton" value="Edit incident" />

而不是

<input type="button" class="button" class="editincidentbutton" value="Edit incident" />

---

我对它进行了测试，效果良好，如果您有任何问题，请告诉我。

您的按钮中有两个

class

属性。因此不会触发单击事件。将这个

class=“button”class=“editincidentbutton”

更改为这个

class=“button editincidentbutton”

，它本身并不能解决这个问题-请看我的回答，使用jQuery访问器，如op在他的示例中所述，正确引用和转义，而不是内联添加元素，不是更好吗？！