鍍金池/ 問答/HTML/ jquery有辦法操作每一個tr的第一個td?

jquery有辦法操作每一個tr的第一個td?

遇到一個狀況是 需要操作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')
}});

回答
編輯回答
巷尾

:firstchild

2017年4月8日 16:06
編輯回答
無標(biāo)題

td:nth-child(1)

試試nth-child() 選擇器

2017年8月31日 06:12
編輯回答
檸檬藍(lán)

獲取所有tr,再循環(huán)綁定事件吧

2018年7月10日 07:15