how to get the previous H3 tag
<p>i have this code:</p>

<pre><code>    &lt;nav role="nav" id="primary-nav" class="overview"&gt;
    &lt;h3 class="section active"&gt;
        &lt;span class="menu-toggle open"&gt;&lt;/span&gt;
        &lt;span data-content="the-basics"&gt;The Basics&lt;/span&gt;
    &lt;/h3&gt;
        &lt;ul class="active"&gt;
            &lt;li&gt;&lt;a href="#" class="nav-link" data-content="0"&gt;Introduction&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#" class="nav-link" data-content="1"&gt;A Chapter in the Zeitgeist Movement&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;h3 class="section"&gt;
        &lt;span class="menu-toggle"&gt;&lt;/span&gt;
        &lt;span data-content="setting-up-a-national-chapter"&gt;Setting up a National Chapter&lt;/span&gt;
    &lt;/h3&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="#" class="nav-link" data-content="0"&gt;Gathering Volunteers &amp;amp; Social Media&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/nav&gt;
</code></pre>

<p>and this javascript code</p>

<pre><code>  // Load page
  $('a.nav-link').on('click', function( event ) {
      event.preventDefault();
      var $this = $(this);
      var parent = this.parentNode;
      console.log(parent);
      var dataContent = $this.attr("data-content");
      console.log(dataContent);
  });
</code></pre>

<p>what is the correct way to get the data-content="" of the parent H3 span for this specific section, for example i want to return the "the-basics" in the The Basics</p>

<p>any advice much appreciated.</p>
