代码之家 › 专栏 › 技术社区 › Breezer

jquery:选择“this”子元素

jquery-selectors html-table jquery

Breezer · 技术社区 · 15 年前

我真的对这个特殊的障碍非常着迷,我手头的问题是我有一个非常简单的表,上面有行和所有行。我要做的是,当您单击一行时,假设这个脚本读取存储在最后一行中的链接 td 在同一排,然后指引你到那里。

到目前为止我想到的是

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

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

非常感谢您的帮助

表如下所示

5 回复 | 直到 9 年前

Jacob Relkin 15 年前

我想你是想这样做的:

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

Yi Jiang G-Man 15 年前

我认为你需要的是:

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

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

Nick Craver 15 年前

使用 .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');
});

jargalan 15 年前

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

Gregg 15 年前

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

推荐文章

Martin SpruÅ¡anský · 电子邮件输入未将电子邮件地址作为新闻稿订阅框中的有效输入

9 年前

luke · jQuery中的:valid和:invalid选择器

9 年前

Ian Vink · 向有条件的儿童添加类

9 年前

LMAOman · jQuery多选择器语法

9 年前

jayjaypg22 · 在多选择器中使用变量

9 年前

feetwet · 为什么是选择器。文本获取内部函数值?

9 年前

LeBlaireau · Jquery-使用数据属性选择父项

9 年前

Dipak · 如何显示当前李的独生子女并隐藏其他李子女

9 年前

TWiStErRob · 用于表中标签同级的jQuery选择器

9 年前

ToniWidmo · 在jquery中转义select选项值

9 年前