JSFiddle - React, Tailwind, and code Playground

HTML

<div class="myclass"> 
Text 1 
Text 2
Text 3      
</div>`

JavaScript

$('.myclass').html(function(i, v){
    return '<span>' + $.trim(v).split('\n').join('</span><span>') + '</span>';
});