Brainleaf
Web Resources
jQuery

splitString() è una funzione che permette di tagliare una stringa (lettera per lettera) e suddividerla in elementi html contenenti ognuno una lettera. Il suo uso è semplicissimo.

Copiate la seguente funzione e incollatela all'interno della vostra pagina.


function splitString(element, spanClass) {
    var str = $(element).text();
    str = str.split("");
    var markup = "";
    for (var i=0; i'+ str[i] +'';
    }
    $(element).html(markup);
}

Come test, inserite nella pagina il seguente markup html:


<div id="splitMe">Lorem ipsum dolor si amet</div>

Ora che esiste una stringa da tagliare, per utilizzare la funzione sarà sufficiente scrivere il seguente codice javascript:


splitString('#splitMe', 'splitted');

Da notare che come argomenti la funzione splitString() accetta due parametri:

  • ID dell'elemento contenente la stringa da tagliare
  • Nome della classe che verrà assegnata agli elementi span che conterranno le singole lettere della stinga.

CodePen Example

Di seguito un esempio live su Codepen.io

See the Pen Split String by Gix075 (@Gix075) on CodePen.

Joomla SEF URLs by Artio