如何使用jquery在第一列的表上处理click事件？

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/');
});

Answer 2

这很简单。只需将事件处理程序添加到表的每个tr的第一个td。 这个jQuery代码几乎就像在说它。

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