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/