JSFiddle - React, Tailwind, and code Playground

by gothick

HTML

<ul class="sub-menu">
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34" id="menu-item-34"><a href="http://localhost/artofsujata/testimonials/">
<span class="menu_left">&nbsp;</span> 
<span class="menu_center">Testimonials</span> 
<span class="menu_right">&nbsp;</span>
</a>
</li>   
</ul>

CSS

/* To prove the span is gone. */
span {
    background-color: red;
}

JavaScript

setTimeout(function() { // Timeout for testing purposes.

    // Actual code: remove the span elements while 
    // leaving their content behind.
    $(".sub-menu li span").contents().unwrap();

}, 1000);