自定义WordPress菜单输出（在span中包装父链接）

我正在尝试实现一个响应jQuery导航，但我需要扩展WP菜单的默认输出。我需要包装任何网页有一个跨度的孩子，并删除链接。例如：

        <nav id="menu-right">
            <ul>
                <li>
                    <span>Friends</span>
                    <ul>
                        <li><a href="#">Alexa</a></li>
                        <li><a href="#">Alexander</a></li>
                        <li><a href="#">Fred</a></li>
                        <li><a href="#">James</a></li>
                        <li><a href="#">Jefferson</a></li>
                        <li><a href="#">Jordan</a></li>
                        <li><a href="#">Kim</a></li>
                        <li><a href="#">Meagan</a></li>
                        <li><a href="#">Melissa</a></li>
                        <li><a href="#">Nicole</a></li>
                        <li><a href="#">Samantha</a></li>
                        <li><a href="#">Scott</a></li>
                    </ul>
                </li>

                <li>
                    <span>Family</span>
                    <ul>
                        <li><a href="#">Adam</a></li>
                        <li><a href="#">Ben</a></li>
                        <li><a href="#">Bruce</a></li>
                        <li><a href="#">Eddie</a></li>
                        <li><a href="#">Jack</a></li>
                        <li><a href="#">John</a></li>
                        <li><a href="#">Martina</a></li>
                        <li><a href="#">Matthew</a></li>
                        <li><a href="#">Olivia</a></li>
                        <li><a href="#">Owen</a></li>
                    </ul>
                </li>

                <li>
                    <span>Work colleagues</span>
                    <ul>
                        <li><a href="#">David</a></li>
                        <li><a href="#">Dennis</a></li>
                        <li><a href="#">Eliza</a></li>
                        <li><a href="#">Larry</a></li>
                        <li><a href="#">Lisa</a></li>
                        <li><a href="#">Michael</a></li>
                        <li><a href="#">Rachelle</a></li>
                        <li><a href="#">Rick</a></li>
                    </ul>
                </li>
            </ul>
        </nav>

朋友
















家庭














同事

---

有什么想法吗？

我得说，你应该覆盖沃克导航菜单。。。在阅读了自定义walker输出之后，我相当困惑！这似乎是我想要的，我只是不太确定如何利用它。