jQuery實現的擷取指定長度字串程式碼
擷取字串是常有的操作,可以說非常的頻繁,幾乎任何有新聞列表形式的站點都會有此操作,下面就是一段能夠實現此功能的程式碼例項,直接套用就可以了,希望能夠大家帶來一定幫助。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>批量註冊事件處理函式-螞蟻部落</title> <style type="text/css"> * { margin:0; padding:0; font-family:"宋體", Arial, Helvetica, sans-serif; } #best { width:300px; height:200px; border:1px solid #ccc; margin:60px auto 0; line-height:1.6; font-size:14px; padding:10px 0 0 10px } .blank { font-size:18px; font-weight:bold; text-align:center; padding:20px } </style> <script type="text/javascript" src="http://www.softwhy.com/mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> jQuery.fn.limit=function(){ var self=$("div[limit]"); self.each(function(){ var objString=$(this).text(); var objLength=$(this).text().length; var num=$(this).attr("limit"); if(objLength>num){ $(this).attr("title",objString); objString=$(this).text(objString.substring(0,num)+"..."); } }) } $(function(){ $(document.body).limit(); }) </script> </head> <body> <div id="best"> <div limit="12">螞蟻部落歡迎您,希望每一天大家都是快樂的</div> <div limit="10">沒有任何人天生就是高手,比如通過努力</div> <div limit="12">每一天都是新的,每一個人都應該好好珍惜</div> <div limit="12">只有當前的時間是真實的,明天永遠都是明天</div> <div limit="10">互助的精神和分享的胸懷是最可貴的</div> </div> </body> </html>
以上程式碼能夠實現擷取字串的功能,程式碼比較簡單這裡就不多介紹了。
相關閱讀:
1.[limit]可以參閱jQuery [attribute]選擇器一章節。
2.text()可以參閱jQuery text()一章節。
3.attr()函式可以參閱jQuery attr()一章節。
4.jQuery.fn可以參閱jQuery.fn的作用是什麼一章節。
相關文章
- js實現的擷取指定長度字串程式碼JS字串
- 擷取指定長度字串長度程式碼例項字串
- js擷取指定字串長度程式碼區分中英文JS字串
- javascript擷取指定長度字串後面加點程式碼例項JavaScript字串
- javascript擷取指定長度字串相容中英文JavaScript字串
- 如何擷取指定長度字串區分漢字和字元字串字元
- css實現的字串擷取程式碼例項CSS字串
- JavaScript 擷取字串右邊指定長度字元JavaScript字串字元
- 擷取 UTF8 編碼字串從首位元組開始指定寬度 (非長度)字串
- C#擷取指定長度中英文字串方法C#字串
- js如何擷取字串右邊指定長度的字元JS字串字元
- javascript擷取指定指定區間的字串JavaScript字串
- JavaScript 擷取指定長度字串 區分漢字和英文字元JavaScript字串字元
- JavaScript 擷取指定指定區間字串JavaScript字串
- jQuery字串擷取詳解jQuery字串
- ABAP字串操作 擷取字元長度 取位數字串字元
- 【原創】用Java實現按位元組長度擷取字串的方法Java字串
- 取字串左邊指定長度的子字串字串
- 取字串右邊指定長度的子字串字串
- mysql 擷取指定的兩個字串之間的內容MySql字串
- Java及Jquery獲取螢幕解析度的實現程式碼JavajQuery
- javascript擷取指定位數的小數程式碼例項JavaScript
- 對Jquery上傳頭像擷取程式碼的更新jQuery
- Linux shell指令碼的字串擷取Linux指令碼字串
- PHP字串擷取PHP字串
- jquery實現的獲取指定元素指定型別元素數目jQuery型別
- jQuery獲取指定的li元素程式碼例項jQuery
- jQuery實現的刪除指定標籤程式碼例項jQuery
- jQuery實現的刪除指定子元素程式碼例項jQuery
- php字串擷取函式,支援中文擷取PHP字串函式
- 原生javascript實現的檢測字串長度JavaScript字串
- iOS 擷取字串中兩個指定字串中間的字串iOS字串
- jQuery實現點選回車執行指定程式碼jQuery
- JavaScript生成指定長度的數字與字母字串JavaScript字串
- MySQL 字串函式:字串擷取MySql字串函式
- jQuery獲取指定元素的父元素程式碼例項jQuery
- php中英字串擷取PHP字串
- jQuery Validate限定輸入字串的長度jQuery字串