2011-09-06 174 views
12

我试图让用户JQuery使表格行可点击并重定向到隐藏在第一个单元格中的URL。 我在表格的最后一列有一张图片,该图片应该重定向到不同的网址。JQuery - 可点击的表格行,除了最后一个单元格

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,单击最后一个单元格中的超链接重定向到另一个?

回答

20
$('#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))',你可以找到trvar tr = $(this).closest('tr'); 然后你可以使用var tr做任何你喜欢的

然后找到'td a'

+0

这是正确的解决方案。在那里有一个额外的支架,这让我想起了一些东西。相反,它应该是 $('#link-table tr td:not(:last-child)')。click – Tom

0

你可能需要返回:

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

你是选择最后一行。他希望除了行中最后一个td以外的所有行。 –

+0

对,这是除了他的其他代码。 – VNO

相关问题