Heim >Web-Frontend >js-Tutorial >Verwenden Sie JQuery, um Auszüge für Textelemente zu erstellen

Verwenden Sie JQuery, um Auszüge für Textelemente zu erstellen

Christopher Nolan
Christopher NolanOriginal
2025-03-04 00:15:10526Durchsuche

Use jQuery to Create Excerpts for Text Elements

Verwenden Sie JQuery, um Auszüge für Textelemente zu erstellen

Auf diese Weise können Sie JQuery verwenden, um Zeichen in einem Textbereich einzuschränken. Es ist eine Funktion, die maximale Länge der Zeichen für jedes Seitenelement einzustellen. Sie können es verwenden, um beispielsweise Auszüge für Beiträge für Beiträge in Ihrem Blog zu erstellen. Siehe More JQuery .ach Beispiele.

Demo

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

Und so benutzt du es:

<span>//example call
</span><span>$().createExcerpts('.blogpost',280,'...');</span>

Das obige ist der detaillierte Inhalt vonVerwenden Sie JQuery, um Auszüge für Textelemente zu erstellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn