javascript - 获取最近的未知id

Question

我试图做一些简单的事情，但无法使其发挥作用。

HTML

<div id="test">
    <p>
        Super <i>cool</i>
    </p>
</div>

或

<div id="test">
    <table>
        <tr>
            <td>Super <i>cool</i></td>
        </tr>
    </table>
</div>

我的想法很简单:点击<i>标签console.log父 ID。正如您所看到的，有时它是直接父节点，有时它可能是上面 13 个节点的父节点。

我正在寻找 closest() 的东西或parents()也许？

Answer 1

假设您正在尝试获取具有 id 属性的最近父元素，您可以将 closest() 与属性选择器一起使用:

$('i').click(function() {
  var id = $(this).closest('[id]').prop('id');
  console.log(id);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="test-01">
  <p>
    Super <i>cool</i>
  </p>
</div>

<div id="test-02">
  <table>
    <tr>
      <td>Super <i>cool</i></td>
    </tr>
  </table>
</div>