JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nav1">
<ul class="menusm">
    <li class="page_item page-item-6"><a title="Inicio" href="http://localhost/road/" class="top_level">Inicio</a></li>
    <li class="page_item page-item-11"><a title="Quienes Somos" href="http://localhost/road/quienes-somos" class="top_level">Quienes Somos</a></li>
    <li class="page_item page-item-13"><a title="Servicios" href="http://localhost/road/servicios" class="top_level">Servicios</a>
        <ul class="children" style="display: none;">
            <li class="page_item page-item-25"><a title="Inteligencia" href="http://localhost/road/servicios/inteligencia" class="">Inteligencia</a></li>
            <li class="page_item page-item-27"><a title="Personal, Equipos, Armamentos" href="http://localhost/road/servicios/personal-equipos-armamentos" class="">Personal, Equipos, Armamentos</a></li>
            <li class="page_item page-item-22"><a title="Seguridad Operativa" href="http://localhost/road/servicios/seguridad-operativa" class="">Seguridad Operativa</a></li>
        </ul>
    </li>
    <li class="page_item page-item-17"><a title="Contacto" href="http://localhost/road/contacto" class="top_level">Contacto</a></li>
    <li class="page_item page-item-37 current_page_item"><a title="Cotice su stand en ferias" href="http://localhost/road/pedir-cotizacion" class="top_level">Cotice su stand en ferias</a></li>
</ul><div class="clr"></div>

JavaScript

$('#nav1').find('> ul > li:last-child a').wrapInner('<button/>');