CSS(js)限制頁面顯示的文字字元長度_javascript技巧

複製程式碼以下程式碼：

;

• 
  
  
  
  首頁
  首頁
  
  
  
  


• 
  ;
  
  
  /span>
  投稿;
  
  
  
  


• 
  
  
  
  私訊
  私訊;
  
  
  
  


• 
  
  
  
  文件
  文件
  
  
  
  


• 
  
  
  
  訂閱
  訂閱 span>
  
  
  
  

如果我限制在上面的span中的字元。
$("nav_block span").wordLimit(8);
它使用了下面的一個算定義jquery插件的方法，這是我從點網扣下來的：

複製程式碼 程式碼如下：

// 版權所有c by zhangxinxu v1.0 2009-09-05
http://www.zhangxinxu.com
/* $(" .test1").wordLimit(); 自動取得css寬度處理，如果css中未對.test1給定寬度，則無效
$ (".test2").wordLimit(24); 截取字元數，值為大於0的整數，這裡表示class為test2的標籤內字元數最多24個
*/
(function($){
$.fn.wordLimit = function(num ){
this.each(function(){
if(!num){
var copyThis = $(this.cloneNode(true)). hide().css({
'position ': '絕對',
'寬度': '自動',
'溢出': '可見'
});
$( this).after(copyThis); (copyThis.width()>$(this).width()){
$(this).text($(this).text().substring(0,$( this).text().長度-4));
$(this).html() '...');
copyThis.remove(); );
}else{
copyThis.remove(); //清除複製
return;
}
}else{
var maxwidth=num; (this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html( $(this).html() '...');
}
}
});