Rumah  >  Artikel  >  hujung hadapan web  >  jQuery melaksanakan kaedah mengawal limpahan kandungan teks yang dinyatakan oleh elips (…)_jquery

jQuery melaksanakan kaedah mengawal limpahan kandungan teks yang dinyatakan oleh elips (…)_jquery

WBOY
WBOYasal
2016-05-16 15:13:181458semak imbas

Contoh dalam artikel ini menerangkan kaedah menggunakan jQuery untuk mengawal limpahan kandungan teks yang dinyatakan oleh elips (…). Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Bagaimana untuk mengehadkan bilangan aksara dalam jQuery

$(function(){
 //限制字符个数
$(".text").each(function(){
var maxwidth=23;
if($(this).text().length>maxwidth){ $(this).text($(this).text().substring(0,maxwidth)); $(this).html($(this).html()+'…');
}
});
});
<div class="text" style="width:150px;">你个杀千刀的,怎么写了这么多的文字,我要被拦腰截断了啊,天啊!</div>
<div class="text" style="width:150px;">你个杀千刀的,怎么写了这么多的文字,我要被拦腰截断了啊,天啊!</div>

Pembaca yang berminat dengan lebih banyak kandungan berkaitan jQuery boleh menyemak topik khas di tapak ini: "Kesan seret JQuery dan ringkasan kemahiran", "ringkasan kemahiran sambungan jQuery" , "ringkasan kesan khas klasik biasa JQuery", "animasi jQuery dan ringkasan penggunaan kesan khas", "ringkasan penggunaan pemilih jquery" dan "jQuery pemalam biasa dan ringkasan penggunaan

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn