javascript - 查找父元素

Question

如何找到被点击元素的祖先(“父”元素，高于某些级别)？

该元素不是直接父元素，但它在 DOM 树中更靠上。

在下面的示例中，我需要找到 <a id='collapser1'>如果<a id='collapser4'>被点击。如何做到这一点？

<ul id="pdfbutton">
  <li>
    <a id="collapser1" href="#collapser1" 
       class="jqcNode" style="cursor: pointer;">Link 1
    </a>
    <ul style="display: block;">
      <li>
        <a id="collapser2" href="#collapser2" 
           class="jqcNode" style="cursor: pointer;">Link 2
        </a>
        <ul style="display: none;">
          <li>Text</li>
        </ul>
      </li>
      <li>
        <a id="collapser3" href="#collapser3" 
           class="jqcNode" style="cursor: pointer;">Link 3
        </a>
        <ul style="display: none;">
          <li>Text</li>
        </ul>
      </li>
      <li>
        <a id="collapser4" href="#collapser4" 
           class="jqcNode" style="cursor: pointer;">Link 4
        </a>
        <ul style="display: none;">
          <li>Text</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

Answer 1

导航到 ul 祖先，然后导航到它的 li 祖先，然后进入 a 标记:

$(this).closest('ul').closest('li').children('a')