jQuery實現控制文字內容溢出用省略號(…)表示的方法
更新時間：2016年02月26日 10:41:47 作者：小壞
這篇文章主要介紹了jQuery實現控制文字內容溢出用省略號(…)表示的方法,涉及jQuery針對字符串及樣式操作相關技巧,需要的朋友可以參考下
本文實例講述了jQuery實現控制文字內容溢出用省略號(…)表示的方法。分享給大家供大家參考，具體如下：
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>
更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
相關文章
JavaScript為我們提供幾種對話框功能，但功能都十分有限；雖然在IE下可以通過模式窗體的方式創(chuàng)建更豐富的對話框功能，但畢竟只有IE得到支持。2008-06-06
當點擊圖片時，圖片會加紅顯示。2009-05-05
基于jquery的選擇標簽至文本域效果,可多選/可過濾重復/可限制個數的實現代碼
選擇標簽至表單域插件, 基于jQuery, 可多選/可過濾重復/可限制個數. 是以前的項目中用到過的一個項目, 當初是用原生js東拼西湊的, 用jQuery重寫了下,已封裝成插件.2010-11-11
這篇文章主要介紹了jQuery中focus事件用法,以實例形式分析了獲取焦點時focus事件的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
id中包含其他特殊字符比如 /@ 等為了利用jquery獲取該元素需要轉義特殊字符，具體實現如下，感興趣的朋友可以參考下2013-09-09
jQuery針對input的class屬性寫了多個值情況下的選擇方法
這篇文章主要介紹了jQuery針對input的class屬性寫了多個值情況下的選擇方法,結合實例形式對比分析了jQuery選擇器針對class屬性中有多個值情況下的選中方法,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了針對初學者的jQuery入門指南,jQuery是當下人氣最高的JavaScript庫,需要的朋友可以參考下2015-08-08
下面小編就為大家?guī)硪黄猨query實現簡單的banner輪播效果【實例】。小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-03-03
這篇文章主要介紹了jQuery實現自定義右鍵菜單的樹狀菜單效果,涉及jquery鼠標事件及頁面元素操作的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
jQuery EasyUI學習教程之datagrid點擊列表頭排序
這篇文章主要介紹了jQuery EasyUI學習教程之datagrid點擊列表頭排序的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07