Maison > interface Web > js tutoriel > Utilisez jQuery pour créer des extraits pour les éléments de texte

Utilisez jQuery pour créer des extraits pour les éléments de texte

Christopher Nolan
Libérer: 2025-03-04 00:15:10
original
529 Les gens l'ont consulté

Use jQuery to Create Excerpts for Text Elements

Utilisez jQuery pour créer des extraits pour les éléments de texte

C'est ainsi que vous pouvez utiliser jQuery pour limiter les caractères à l'intérieur d'une TextArea. Il s'agit d'une fonction pour définir la longueur maximale des caractères pour n'importe quel élément de page. Vous pouvez l'utiliser pour créer des extraits pour des articles sur votre blog par exemple. Voir plus de jQuery .e les exemples.

démo

<span>(function($) { 
</span>	<span>// jQuery function to set a maximum length or characters for a page element it can handle mutiple elements
</span>        $<span>.fn.createExcerpts = function(elems<span>,length,more_txt</span>) {
</span>		$<span>.each($(elems), function() { 
</span>			<span>var item_html = $(this).html(); //
</span>			item_html <span>= item_html.replace(/< <span>/<span>?<span>[^>]</span>+></span>/gi</span>, ''); //replace html tags
</span>			item_html <span>= jQuery.trim(item_html);  //trim whitespace
</span>			<span>$(this).html(item_html.substring(0,length)+more_txt);  //update the html on page
</span>		<span>});
</span>		<span>return this; //allow jQuery chaining 
</span>	<span>}
</span><span>})(jQuery);</span>
Copier après la connexion

Et c'est ainsi que vous l'utilisez:

<span>//example call
</span><span>$().createExcerpts('.blogpost',280,'...');</span>
Copier après la connexion

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 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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal