JQuery – 可点击表格行,最后一个单元格除外

我正在尝试使用 JQuery来使表行可点击并重定向到隐藏在第一个单元格中的URL.
我在表的最后一列中有一个图像,该图应该重定向到不同的URL.

JQuery如下.

$(function () {
    $('#link-table td:first-child').hide();

    $('#link-table tr').hover(function () {
        $(this).toggleClass('highlight');
    });

    $('#link-table tr').click(function () {
        location.href = $(this).find('td a').attr('href');
    });
});

单击该行工作,单击上一个单元格中的图像超链接将重定向到相同的URL,单击不是我想要的行.

我尝试使用这个代码进行点击事件

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

单击上一个单元格中的图像超链接可以工作,但单击该行现在将重定向到最后一个单元格中连接到图像超链接的URL.

如何获取它,以便单击行重定向到一个URL,单击上一个单元格中的超链接重定向到另一个？

解决方法

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

你的$(this)是’#link-table tr td：not(：last-child))’,你可以找到tr
var tr = $(this).closest(‘tr’);
那么你可以使用var tr来做任何你喜欢的事情

然后找到“td a”等

原文地址：https://www.jb51.cc/jquery/175985.html