JSFiddle - React, Tailwind, and code Playground

by moob

HTML

<div id="x">
    <p>
        abc<span class="more">defghijklmnopqrstuvwxyz</span> <span class="rm">read more</span>
    </p>
</div>

CSS

.more {
    border: 1px solid red;
}

JavaScript

var $x = $("#x").clone();
$x.find(".rm").remove();
$x.find(".more").contents().unwrap();

$("body").append($x);
alert($x.html());