Find parent element
<p>I do not find easy way to find parent element of the element. "Parent" word in this situation is not correct to describe element which I need to find using JS. I will try to show example.</p>

<p>I need to find "collapser1" A element if collapser4 A element is clicked. How to do that?</p>

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