wordpress - 自定义 WordPress 菜单输出（在跨度中包装父链接）

Question

我正在尝试实现响应式 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>

有任何想法吗？