Ciao,

ho un problemino con jquery.
In un div ho questa stringa di dati

codice HTML:
<div class="prova">
antonio: dato<br>
pasquale: dato2<br>
giovanni: dato3<br>
</div>
Con jquery vorrei assegnare un elemento e classe (es: <span class="nome">) a antonio, pasquale e giovanni identificando il campo attraverso i : presenti.

Ho fatto cosi ma non funziona:

codice:
$(function() {   
   
    
    $('.prova').each(function() {

        var words = $(this).text().split(':');

    $(this).empty().html(function() {

        for (i = 0; i < words.length; i++) {

               $(this).append(' <span>' + words[i] + '</span>');
            
        }

    });

});
    
});
Dove ho sbagliato??