Заменить тег a на тег button в wp_nav_menu но только в родительских пунктах меню

Друзья!
Расскажите — как заменить тег <a> в меню на тег <button>, но только в родительских пунктах меню.

Сейчас:

<nav>
    <ul>
        <li>
            <a href="#">America</a>
            <ul>
                <li><a href="#">USA</a></li>
                <li><a href="#">Canada</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Europa</a>
            <ul>
                <li><a href="#">France</a></li>
                <li><a href="#">Italy</a></li>
            </ul>
        </li>
    </ul>
</nav>

а нужно:

<nav>
    <ul>
        <li>
            <button>America</button>
            <ul>
                <li><a href="#">USA</a></li>
                <li><a href="#">Canada</a></li>
            </ul>
        </li>
        <li>
            <button>Europa</button>
            <ul>
                <li><a href="#">France</a></li>
                <li><a href="#">Italy</a></li>
            </ul>
        </li>
    </ul>
</nav>

Спасибо.

• Тема изменена 5 лет назад пользователем hhalik.
• Тема изменена 5 лет назад пользователем hhalik.
• Тема изменена 5 лет назад пользователем hhalik.