jQuery:除最后一列外,使行可单击

Question

我设法让我的表中的行可以单击并链接到元素的href属性<a>.但是当我使选择器只选择除最后一列之外的行时,我开始遇到问题.

使用下面的代码,可点击的行仅对整个行有效,除了最后一个单元格,这是我需要的,因为我在此单元格中有管理链接(链接以激活,编辑,删除等行).唯一的问题是,无论您点击哪一行,它都会将您发送到最上一行的链接.我认为这与我的选择器有关,find('td a')但我无法弄明白.

$('#dataTable tr td:not(:last-child)').click(function () {
    location.href = $('#dataTable tr').find('td a').attr('href');
});  

悬停效果很好,只有当鼠标位于除最后一列之外的任何单元格上方时才会更改指针.

$('#dataTable tr td:not(:last-child)').hover(
    function() { 
        $(this).css('cursor','pointer');
    },
    function() {
        $(this).css('cursor','auto');
    }
);

Answer 1

这是因为你得到了表中的所有tr,然后将返回找到的第一个锚,尝试改变它:

$('#dataTable tr td:not(:last-child)').click(function ()    {
 location.href = $(this).parent().find('td a').attr('href');
});

这意味着它将获得点击的元素$(this)作为jquery对象,然后转到它的父对象.(行元素).