JSFiddle - React, Tailwind, and code Playground

HTML

<div>All <span class="hl">text</span> should <span class="hl">be <span class="hl">unwrapped</span> <span>but not me</span> </span></div>

CSS

.cont {
    overflow:hidden;
}
.box {
    width:100px;
    height:100px;
    margin:8px;
    float:left;
    background:blue;
}
button {
    width:80px;
    margin:0 auto;
    display:block;
}

JavaScript

$("span.hl").contents().unwrap();