Maison  >  Article  >  interface Web  >  Comment implémenter des ellipses excessives dans jquery

Comment implémenter des ellipses excessives dans jquery

藏色散人
藏色散人original
2021-11-19 11:19:022146parcourir

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() + '...');
}
});

É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!

Déclaration:
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