輸入在TR> TD>輸入不與jQuery的序列化處理

Question

我已經找到了一些解決方案，我這個鏈接下提供的最後解決方案下，面臨着一個問題：Create a HTML table where each TR is a FORM

不管怎樣，下面是我的一些代碼片段： HTML：

<tr class="a1td"> 
    <td class="style1">12</td> 
    <td class="style1">i_pinz/td> 
    <td class="style1">2013-05-12</td> 
    <td class="style1">2013-05-12</td> 
    <td class="style1"><input type="text" name="name1" value="val1" id="name1" size="50" maxlength="50" placeholder="exampletext" /></td> 
    <td class="style1"><input type="text" name="name2" value="val2" id="name2" size="20" maxlength="32" placeholder="example2" class="cleanInput" /></td> 
    <td class="style1"><input type="text" name="name3" value="" id="name3" size="20" maxlength="32" placeholder="example" /></td> 
    <td class="style1"><input type="text" name="name4" value="val4" id="link" size="50" maxlength="255" placeholder="example" /></td> 
    <td class="style1"><input type="text" name="name4" value="0" size="4" /></td> 
    ... some links and images 
    <td><button name="apply" type="submit" class="SubmitRow" ><img src="accept.png" alt=""/></button> 
<input type="hidden" name="ID" value="xx" /> 
    </td> 
<tr> 

中的JavaScript：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".SubmitRow").click(function() 
    { 
    console.log('inside submit function'); 
    var form = '<form><table><tr>' + $(this).closest('tr').html() + '</tr></table></form>'; 
    var serialized = $(form).serialize(); 
    console.log(serialized); 
    $.post("quickEdit", serialized); 
    }); 
});   
</script> 

所以，我現在的問題是：如果我更新的字段名稱3，按下按鈕，函數被稱爲假定和想要的，無論如何，如果我看看控制檯日誌字段name3不呈現更新的值。因此，服務器端的代碼無法工作。

我使用最新的jQuery 1.9.x，並且表中未包含<form></form>。

歡迎任何建議。

Answer 1

試試這個 -

var serialized = $(form).find('form').serialize(); 

OR

var serialized = $(this).closest('tr').serialize();