Comment puis-je tronquer une chaîne dans jQuery?

Question

J'ai de longs titres et je veux les tronquer, mais de manière à ce qu'aucun mot ne se casse, je veux dire que la coupure se produit entre des mots, pas un mot.

Comment puis-je le faire en utilisant jQuery?

Answer 1

Essaye ça:

 var title = "This is your title";

var shortText = jQuery.trim(title).substring(0, 10)
    .split(" ").slice(0, -1).join(" ") + "...";
 

• Testé ici

Et vous pouvez aussi utiliser un plugin:

• Plugin jQuery Expander

En tant qu'extension de String

 String.prototype.trimToLength = function(m) {
  return (this.length > m) 
    ? jQuery.trim(this).substring(0, m).split(" ").slice(0, -1).join(" ") + "..."
    : this;
};
 

Utilisé comme

 "This is your title".trimToLength(10);
 

Answer 2

La solution ci-dessus ne fonctionnera pas si la chaîne d'origine ne contient pas d'espaces.

Essaye ça:

 var title = "This is your title";
var shortText = jQuery.trim(title).substring(0, 10)
                          .trim(this) + "...";
 

Answer 3

  function truncateString(str, length) {
     return str.length > length ? str.substring(0, length - 3) + '...' : str
  }

Answer 4

J'ai écrit un petit plugin jQuery qui fait exactement ceci: http://micjamking.github.io/succinct/

Il traite le cas de bord abordé ci-dessus (chaînes avec des longueurs indéfinies) et fournit également des options pour longueur maximale, texte d'omission (par défaut: points de suspension (...)) et ignorer les lignes se terminant par des caractères spéciaux.

Answer 5

C'est ma solution: https://gist.github.com/ChrisCinelli/5688048

La fonction truncText(text, maxLength, ellipseText) tronque un paragraphe en caractères de longueur maximale. Ça ne casse pas les mots. ellipseText est facultatif (par défaut:…). Cela ne fonctionnera pas avec des caractères autres que des lettres AZ ou des chiffres. Il revient en arrière jusqu'à ce qu'il y ait un espace et ajoute l'ellipseText. C'est du javascript simple, jQuery est optonal.