Je tire à partir d'un flux JSON et je veux simplement afficher un maximum de 10 caractères de la chaîne, puis faire une ... après. Comment puis-je faire ça avec jQuery?
5 Réponses :
Je n'ai pas vérifié ceci pour désactivé par une erreur, vous devrez peut-être vous adapter à une indexaction médiocre.
var txt = SomeStringFromFeed;
if(txt.length > 10)
{
txt = txt.substr(0,10) + "...";
}
return txt;
Vous n'avez pas besoin de jQuery, JS peut faire cela:
string.substr(start,length) start The index where to start the extraction. First character is at index 0 length The number of characters to extract. If omitted, it extracts the rest of the string
Vous pouvez utiliser CSS pour configurer un ellipsis:
.myparagraph {
white-space: nowrap;
width: 10em;
overflow: hidden;
text-overflow: ellipsis;
}
(Notez que le premier lien - QuirksMode.org est une excellente ressource généralement pour le CSS et Trucs javascript) p> p>
Utilisation fraîche de CSS. Je ne connaissais pas le débordement de texte, je devrai en apprendre davantage à ce sujet.
Je ne crois pas que la solution CSS mentionnée par @spudley est un navigateur croisé (pas de support Firefox). En supposant que vous vous souciez de cela bien sûr. Le premier lien qu'il fournit indique le support limité dans le coin supérieur droit de la page.
Maintenant, après avoir dit que j'ai une belle petite fonction qui peut être trop excédante pour ce dont vous avez besoin, mais j'ai trouvé que je l'utilise régulièrement dans des situations similaires. Le code ci-dessous a été commenté, mais ce que cela fait, c'est que cela ne fait que insérer une ellipsie après le dernier mot complet en fonction de la limite définie.
afin que vous puissiez revenir "Le chien saute ..." au lieu de " Le chien saute Ove ... "
Vous êtes bien sûr, il n'est pas pris en charge par Firefox (bientôt, j'espère?). Mais tous les autres navigateurs le soutiennent (même c'est-à-dire aussi loin que IE5.5), de sorte qu'il a une bonne couverture, et même Firefox le tronque correctement. De plus, il y a des chanages hacky pour que cela fonctionne dans Firefox en utilisant XUL ... mais c'est une autre question et réponse.
@Spudley C'est une belle solution. J'attends personnellement quand cela fonctionnera le navigateur croisé. Je voulais juste m'assurer qu'il / elle (et quelqu'un d'autre qui pourrait tomber sur cette question pour des réponses) était conscient que si leurs besoins nécessitent une solution de navigateur croisée qu'il peut ne pas fonctionner pour eux comme espéré.
Vous modifiez votre question pour inclure une partie du code que vous avez déjà écrit pour obtenir plus de réponses. +1 Pour tout nouvel utilisateur, découvrez voté pour aucune raison répertorie.