Javascript 如何获取以前的H3标签

我有以下代码：

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

对于此特定部分，获取父H3 span的数据内容=“的正确方法是什么？例如，我想在“基础”中返回“基础”

---

非常感谢您的建议。

在您给出的示例中，这可能会起作用，但模板更改可能有点脆弱：

var dataContent =  $this.closest('ul').prev('h3').find('span[data-content]').data('content'); // the-basics

$this.closest('ul').prev('h3').children('[data-content]')

---

JSFIDLE就好了。

.find

需要更具体一点，不是吗？

.find（'span[data content'））

可能会更好，因为您可能会从第一个span@wirey你绝对是对的

$this.closest('ul').prev('h3').children('[data-content]')