I am looking to remove the <a> from around a wordpress link and replace it for a <span>.

There are lots of articles about how to remove the href="" but this still leaves the <a>.

Example output: You will see on the "About us" there is no <a>

        <li><a href="#/">Home</a></li>
            <li><a href="#/work">Our work</a></li>
            <li><span>About us</span>
                <ul>
                    <li><a href="#/about/history">History</a></li>
                    <li><span>The team</span>
                        <ul>
                            <li><a href="#/about/team/management">Management</a></li>
                            <li><a href="#/about/team/sales">Sales</a></li>
                            <li><a href="#/about/team/development">Development</a></li>
                        </ul>
                    </li>
                </ul>
            </li>