Corsi on-line

jQuery: tagliare un testo per creare un’anteprima

In queto breve post vi presento una semplice funzione per la creazione di un excerpt (anteprima) di un testo piuttosto lungo. Lo scopo di questa funzione, in sostanza, è quello di tagliare il testo dopo un certo numero di caratteri ed aggiungere i puntini.

(function($) {
  $.fn.anteprima = function(elems,length) {
    $.each($(elems), function() {
      var item_html = $(this).html(); // salvo in una variabile il contenuto dell'elemento
      item_html = item_html.replace(/<\/?[^>]+>/gi, ''); // tolgo eventuali tags HTML
      item_html = jQuery.trim(item_html);  / elimino eventuali spazi bianchi prima e dopo
      $(this).html(item_html.substring(0,length) + '...');
    });
    return this;
  }
})(jQuery);

La funzione deve essere utilizzata in questo modo:

$().anteprima('.notizia',100);

Così facendo tutti gli elementi con classe “.notizia” verranno tagliati dopo 100 caratteri.

Un’altra soluzione è offerta dall’utilizzo dell’ottimo plugin jquery.textExcerpt.js disponibile a questa pagina.

Post correlati
I più letti del mese
Tematiche