如果单击某行的子元素，如何获取该行的 id 属性？

Question

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

html 看起来像这样：

<tr id="30">
  <td>Parker</td>
  <td><a href="#" id="id783900" class="section-id">Select</a></td>
</tr>

我尝试过的事情之一是这样的：

$("a.section-id").click(function() {
  var parenttr = $(this).parent().parent().attr("id");
  alert(parenttr);
});

我也尝试过这个：

$("a.section-id").click(function() {
  var parenttr = $(this).parent('tr').attr("id");
  alert(parenttr);
});

Answer 1

尝试：

$(this).closest('tr').attr('id');

Answer 2

Parent() 仅检查直接父级。要遍历树，请使用parents()。

var parenttr = $(this).parents('tr').attr("id");

编辑：

树面是正确的。对于此用例，请使用closest()。 parents() 做了一些你不需要的额外工作来解决这个问题。

Answer 3

$('a.section-id').click(function(e) {
    var parent_id = $(this).parents('tr:first').attr('id');
    alert(parent_id);
    e.preventDefault();
});