查找父元素

Question

我找不到简单的方法来查找元素的父元素。在这种情况下，“父”字对于描述我需要使用JS找到的元素是不正确的。我将尝试展示示例。

我需要找到“collapser1”元素如果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')

Answer 2

首先找到父ul，然后找到那个

的父li

Answer 3

试试这个。

$(element).parent() returns the immediate parent.



 $("#collapser3").click(function() {   
      var parentElement = $(this).parent();
    });

这可能会对你有所帮助。

感谢。