jQuery：选择“这个”子元素

Question

我真的对这个特殊的障碍感到疯狂，手头的问题是我有一个非常简单的表格，其中包含行和所有内容。我想要完成的是，当您单击一行时，该脚本应该读取存储在同一行的最后一个 td 中的链接，然后将您引导到那里。

到目前为止我想出的是，

 $('tr td').click(
     function (){
        alert($(this+':parent td:last-child a:first').attr('href'));
     }
 );

我已经尝试了 100 种不同的方法，我要么得到错误/未定义，要么只得到最后/第一行的结果，中间的行无法按预期工作。

非常感谢所有帮助，

表格如下

http://www.jsfiddle.net/xK7Mg/1/

Answer 1

我认为你的意思是这样做：

$('tr td').click(function() {
   window.location.href = $(this).parent().find('td:last-child a:first').attr('href');
});

Answer 2

我认为您需要的是：

$('tr').click(function(){
    window.location = $(this).find('td:last a:first').attr('href');
});

此脚本将导致每个表格行在单击时将您重定向到最后一个表格单元格中第一个锚元素引用的位置。

Answer 3

在这种情况下使用 .siblings()，尽管 .parent ().children() 也可以工作，如下所示：

$('tr td').click(function() {
  window.location.href = $(this).siblings('td:last').find('a').attr('href');
});

但更进一步，不要将 click 处理程序附加到每个单元格，使用 .delegate() 为整个表附加一个，如下所示：

$('#tableID').delegate('td', 'click', function() {
  window.location.href = $(this).siblings('td:last').find('a').attr('href');
});

您可以在这里尝试一下。

Answer 4

$('tr').click(
     function (){
        window.location = $(this).find("td:last a:first").attr('href');
     }
 );

Answer 5

http://jsfiddle.net/ppw8z/

 $('tr').click(function() {
    window.location = $(this).find('td>a').attr('href');    
 });