我正在尝试使用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,同时点击最后一个单元格中的超链接重定向到另一个URL呢?