web-dev-qa-db-fra.com

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

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

Comment puis-je le faire en utilisant jQuery?

61
hd.

De: troncature de texte jQuery (lire plus de style)

Essaye ça:

var title = "This is your title";

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

Et vous pouvez aussi utiliser un plugin:

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);
122
Naveed

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) + "...";
39
  function truncateString(str, length) {
     return str.length > length ? str.substring(0, length - 3) + '...' : str
  }
36
Keating Wang

Au lieu d'utiliser jQuery, utilisez la propriété css text-overflow:Ellipsis. Il tronquera automatiquement la chaîne.

.truncated { display:inline-block; 
             max-width:100px; 
             overflow:hidden; 
             text-overflow:Ellipsis; 
             white-space:nowrap; 
           }
7
Ramiz Raja

avec prototype et sans espace:

 String.prototype.trimToLength = function (trimLenght) {
    return this.length > trimLenght ? this.substring(0, trimLenght - 3) + '...' : this
};
1
Amine Barigo