jquery有办法操作每一个tr的第一个td?

Question

遇到一个状况是 需要操作table中每一个tr的第一个td，去做click事件
html类似长这样

<table class="datagrid-body">
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

我目前jquery写法是这样，但只有第一个tr的td有click效果，
要怎么让每一个tr的第一个td都吃到这click效果？

$(document).on('click', ".datagrid-body tr td:first", function (e){
    alert('test')
}});

Answer 1

:firstchild

Answer 2

获取所有tr，再循环绑定事件吧

Answer 3

td:nth-child(1)

试试nth-child() 选择器

Answer 4

可以看这篇文章，表格里获取每个tr里的第一个td,很简单的：
jquery获取表格所有tr行里的第一个td单元格的两种方法