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>

何か案は？