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

我有一个场景，在单击一个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>

---

您的html无效，因为我们在那里找不到

标记。此外，您不能仅为了扩展提供的示例而将DIV用作标记的父级。jQuery现在使用的是，而不是单击

。因此，您应该做如下操作：

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

    alert(top_id);
});

您的HTML无效。
div
不能是要按原样包装
tr
的
tbody
元素的直接子元素。
$('.xx').on('click', function () {
    var $this = $(this);
    var top_id = $this.closest('.top-class').attr('id');

    alert(top_id);
});