javascript - 如何在单击时获取表中行的第一个值？

Question

我有一个带有第一个数字列的表格:

<table id="toppings"  border="1" cellpadding="2">
   <tr id="id1">
      <td>3</td>
      <td>row12</td>
      <td>row13</td>
  </tr>
  <tr id="id2">
      <td>12</td>
      <td>row22</td>
      <td>row23</td>
  </tr>
  <tr id="id3">
      <td>15</td>
      <td>row32</td>
      <td>row33</td>
  </tr>
  <tr id="id4">
      <td>22</td>
      <td>row42</td>
      <td>row43</td>
 </tr>
 <tr id="id5">
      <td>23</td>
      <td>row52</td>
      <td>row53</td>
 </tr>
 <tr id="id6">
   <td>55</td>
   <td>row62</td>
   <td>row63</td>
 </tr>
</table>

如何在单击行时获取行的第一个值/列。 我发现下面的示例做了同样的事情。

http://www.vbforums.com/showthread.php?522104-HTML-table-on-click-event

但我不想手动向每一行添加事件，因为我的表有数十亿条记录。请帮我。如何在单击行时获取行值(第一列)？

Answer 1

$("#toppings tr").click(function(){
   alert( $(this).children().closest("td").html());
});

fiddle : http://jsfiddle.net/k1ezbcrk/