用jQuery注入后找不到表單（我認為）

Question

我使用單擊事件將表單添加到表格中的行中（對很長的一行很抱歉）：

$('#row'+rowvalues[0]).html('
    <form id="updform'+rowvalues[0]+'">
    <td>'+rowvalues[0]+'</td>
    <td>
        <input type="text" name="namn'+rowvalues[0]+'" value="'+rowvalues[1]+'">
    </td>
    <td>
        <input type="text" name="ingred'+rowvalues[0]+'" value="'+rowvalues[2]+'">
    </td>
    <td>
        <input type="number" name="pris'+rowvalues[0]+'" value="'+rowvalues[3]+'">
    </td>
    <td>
        <input type="number" name="fampris'+rowvalues[0]+'" value="'+rowvalues[4]+'">
    </td>
    <td>
        <Button class="upddatasave" id="sub'+rowvalues[0]+'">Submit</button>
    </form>
</td>
');
intialiseUpdatebutton();

然后我使用稱為intialiseUpdatebutton（）的功能初始化按鈕；

該函數看起來像：

 function intialiseUpdatebutton() {
    $(".upddatasave").on("click", function() {
        var butid = $(this).attr('id');
        var dataid = parseInt(butid.slice(3));
        console.log(dataid);
        console.log($('#namn'+dataid).val());
        var formvalues = $('#updform'+dataid).serializeArray();
        console.log(formvalues);
     });
}

它找到按鈕並且可以使用，但是我找不到表格。 我的猜測是它找不到注入的表單，但是如果是這種情況，我該如何解決？ 就像我使用按鈕的初始化功能一樣。

我要做什么：我以html表的形式顯示SQL表中的數據-它具有2個按鈕1個更新和1個刪除按鈕。 我正在嘗試修復更新按鈕，以便當我按下該按鈕時，具有值的單元格將變成具有文本字段和其中值的表格，然后您就可以更改值並按提交以保存更改。

編輯：jsfiddle.net/rh8deo79/2 <-jsfiddle

Answer 1

通過編輯您的formmatting作業以分解大量的單行代碼，我發現您在<td>之前結束了<form> <td> ，這是無效的html，而且很可能是錯誤的來源。

Answer 2

您需要重新組織標簽。 你不能有<tr><form><td>描述在這里 。

您可以嘗試在每個表單中創建一個新表。