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()

Answer 2

不是很直接，但应该给你理解：

http://jsfiddle.net/5D5NG/3/