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-адрес, что и щелчок строки, которая не является тем, что я хочу.

Я попытался использовать этот код для события click

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

Щелчок по гиперссылке изображения в последней ячейке работает, но щелчок по строке теперь перенаправляется на URL, прикрепленный к гиперссылке изображения в последней ячейке.

Как я могу получить это, нажав переадресацию строк на один URL-адрес, нажав гиперссылку в последней переадресации ячеек на другую?

Ответ 1

$('#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' и т.д.

Ответ 2

Вероятно, вам нужно вернуться:

$('#link-table tr').last().click(function () {
  return false;
});