JSFiddle - React, Tailwind, and code Playground
HTML
<div id="words">
<h1 class="rotate tk-ad"><span class="target" style="color: #333; text-transform: uppercase; margin: 2px;">
A Word /Here
</span></h1>
</div>
JavaScript
var a = $("#words").text().trim();
var b = a.replace(/\s+/g,',');
var c = b.split(',')
var wrapped = $.map($(c), function(){ return $(this); });
alert(c);
const target = document.querySelector('.target');
target.innerHTML = target.textContent
.replace(/\w/g, '<span data-b-text="$&">$&</span>');