jQuery:获取表中的所有输入值并序列化

Question

给定以下表结构，当单击 .button 时，如何获取表中的所有输入值？

<table>
    <tr>
      <td><input value="1" name="A" type="text" /><td>
    </tr>
    <tr>
      <td><input value="2" name="B" type="text" /><td>
    </tr>
    <tr>
      <td><input value="3" name="C" type="text" /><td>
    </tr>
    <tr>
      <td><div class="button"></div><td>
    </tr>
</table>

这是我迄今为止拥有的jquery:

$('.button').click(function() {
    alert($(this).parent('table').('input').serialize());
});

尽管该函数无法正常工作，但我猜它在表中找不到输入...

Answer 1

table 不是按钮的父级，td 是...尝试:

$(this).closest('table').find('input').serialize()