jquery - 如何使用jquery处理表第一列上的点击事件？

Question

 $('tr').click(function() {
        $("#showgrid").load('/Products/List/Items/');
    });

使用这个我正在处理表格行上的点击事件。

如何只处理第一列？也就是说，仅对第一列而不是整行提供点击操作？

谢谢

Answer 1

您可以使用 :first-child selector 处理第一列，像这样:

$('tr td:first-child').click(function() {
  $("#showgrid").load('/Products/List/Items/');
});

此选择器返回第一个 <td>在每个 <tr> .

或者，如果您有很多行，请使用 .delegate() 为了获得更好的性能(只有一个事件处理程序)，如下所示:

$('#myTable').delegate('tr td:first-child', 'click', function() {
  $('#showgrid').load('/Products/List/Items/');
});