使用javascript获取html标记的外部id

Question

我有一个场景，在点击div时使用我必须获得其外部div的id。

例如：

<div class = "top-class" id="top1">
  <tr>
    <td><div id="1" class="xx"></div>
    <td><div id="2" class="xx"></div>
    <td><div id="3" class="xx"></div>
  </tr>
</div>


<div class = "top-class" id="top2">
  <tr>
    <td><div id="5" class="xx"></div>
    <td><div id="6" class="xx"></div>
    <td><div id="7" class="xx"></div>
  </tr>
</div>

现在点击xx我必须获得带有班级名称的＃{1}}和＃34;顶级＆＃34;它属于。我编码像这样，但不知道如何获得id。任何人都可以帮我解决这个问题吗？

id

Answer 1

您的HTML无效，因为我们在那里找不到<table></table>标记。此外，您不能将DIV用作<tr>标记

的父级

Answer 2

只是扩展所提供的示例。这些天jQuery使用on method而不是click。所以你应该做的事情如下：

$('.xx').on('click', function () {
    var $this = $(this);
    var top_id = $this.closest('.top-class').attr('id');

    alert(top_id);
});