Maison > interface Web > Questions et réponses frontales > Comment implémenter des ellipses excessives dans jquery

Comment implémenter des ellipses excessives dans jquery

藏色散人
Libérer: 2021-11-19 11:19:02
original
2198 Les gens l'ont consulté

Comment implémenter les ellipses dépassées dans jquery : 1. Créez un exemple de fichier js ; 2. Implémentez le texte limité via la méthode "$(".ftlt_lt_wzne").each(function() {...}" et utilisez en cas de dépassement, utilisez simplement les points de suspension

Comment implémenter des ellipses excessives dans jquery

L'environnement d'exploitation de ce tutoriel est : système Windows 7, jquery version 3.2.1, ordinateur Dell G3

Comment utiliser les points de suspension dans jquery pour limiter le texte ? En utilisant CSS3, vous pouvez afficher des points de suspension au-delà d'une ligne, mais utiliser CSS3 pour plusieurs lignes est très gênant et vous devez tenir compte de la compatibilité Aujourd'hui, j'ai utilisé jquery pour déterminer le nombre de mots afin de limiter l'apparition de points de suspension

$(".ftlt_lt_wzne").each(function() {
var maxwidth =36;//显示多少字符
if ($(this).text().length > maxwidth) {
$(this).text($(this).text().substring(0, maxwidth));
$(this).html($(this).html() + '...');
}
});
Copier après la connexion

Étude recommandée. : "

Tutoriel vidéo jquery

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal