JSFiddle - React, Tailwind, and code Playground

HTML

<p class="removeTextNodes">
    <span> Foo </span>
    <span> Bar </span>
</p>

CSS

span { 
    display:inline-block;
    width:100px;
    background:blue;
    font-size:30px;
    color:white; 
    text-align:center;
}

JavaScript

$('.removeTextNodes').contents().filter(function() {
    return this.nodeType === 3;
}).remove();