Hola estoy tratando de separar un texto en varias palabras.Pero no logro colocar correctamente el span o div sobre cada una de las palabras He intentado esto:
$(function () {
$("body").find("p").on("click", function (evento) {
let parrafo = $("body").find("p").text().trim();
let espacio = (' ');
var array = parrafo.split(espacio);
console.log(array);
$("body").find("p").each(array,function(i,e){
array[i]= $('p').append("<span>"+ e +"</span>");
});
});
});
<html>
<head>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
<p>Hola esto es un texto que quiero separar. Quiero añadir Span o divs en cada palabra</p>
</body>
</html>