首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如果单击行的子元素,如何获取该行的id属性?

如果单击行的子元素,如何获取该行的id属性?
EN

Stack Overflow用户
提问于 2010-12-22 07:37:48
回答 3查看 5.6K关注 0票数 1

如何返回链接所在行的id属性?我尝试过不同的变体,但我所能得到的最好的是“未定义的”……

html如下所示:

代码语言:javascript
复制
<tr id="30">
  <td>Parker</td>
  <td><a href="#" id="id783900" class="section-id">Select</a></td>
</tr>

我尝试过的其中一件事是:

代码语言:javascript
复制
$("a.section-id").click(function() {
  var parenttr = $(this).parent().parent().attr("id");
  alert(parenttr);
});

我还尝试了这个:

代码语言:javascript
复制
$("a.section-id").click(function() {
  var parenttr = $(this).parent('tr').attr("id");
  alert(parenttr);
});
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-12-22 07:39:33

尝试:

代码语言:javascript
复制
$(this).closest('tr').attr('id');
票数 6
EN

Stack Overflow用户

发布于 2010-12-22 07:40:04

parent()只检查直接的父级。要遍历树,请使用parents()。

代码语言:javascript
复制
var parenttr = $(this).parents('tr').attr("id");

编辑:

treeface是正确的。对于此用例,请使用closest()。parents()做了这个问题不需要的额外工作。

票数 0
EN

Stack Overflow用户

发布于 2010-12-22 07:40:40

代码语言:javascript
复制
$('a.section-id').click(function(e) {
    var parent_id = $(this).parents('tr:first').attr('id');
    alert(parent_id);
    e.preventDefault();
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4504967

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档