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

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

Answer 2

td:nth-child(1)试试nth-child() 选择器