Maison  >  Article  >  interface Web  >  JQuery contrôle l'affichage des points de suspension lorsque la longueur du contenu dépasse la longueur spécifiée_jquery

JQuery contrôle l'affichage des points de suspension lorsque la longueur du contenu dépasse la longueur spécifiée_jquery

WBOY
WBOYoriginal
2016-05-16 16:47:061368parcourir

Si la longueur dépasse la longueur spécifiée, les ellipses seront affichées

Définir la classe sur displayPart,

Définir les attributs personnalisés, displayLength peut afficher la longueur (à l'exclusion...), les caractères à deux octets , longueur * 2,

Copier le code Le code est le suivant :


$.fn.extend({
displayPart:function () {
var displayLength = 100;
displayLength = this.attr("displayLength") || displayLength;
var text = this.text();
if (!text) return ""

var result = ""; (var i = 0; i < ; displayLength; i ) {
var _char = text.charAt(i);
if (count >= displayLength) break; xff]/.test(_char) ) count ; //Caractères codés sur deux octets, //[u4e00-u9fa5] Chinois

result =
count
}
if ( résultat.longueur < texte.longueur ) {
résultat = "..."
this.text(résultat)
} ; >$(function () {
$(".displayPart").displayPart();
});

>


Copier le code


Le code est le suivant :



bonjour tout le monde




bonjour le mondebonjour le mondebonjour le mondebonjour le mondebonjour le mondebonjour le mondebonjour le mondebonjour le mondebonjour le monde
;hr>

bonjour< /h2>
bonjour mondebonjour mondebonjour mondebonjour mondebonjour mondebonjour mondebonjour mondebonjour mondebonjour monde >


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