Я пытаюсь использовать 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-адрес, нажав гиперссылку в последней переадресации ячеек на другую?
$('#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' и т.д.
Вероятно, вам нужно вернуться:
$('#link-table tr').last().click(function () {
return false;
});