标签:
jQuery实现的截取指定长度字符串代码:
截取字符串是常有的操作,可以说非常的频繁,几乎任何有新闻列表形式的站点都会有此操作,下面就是一段能够实现此功能的代码实例,直接套用就可以了,希望能够大家带来一定帮助。
代码如下:
<!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.length属性可以参阅JavaScript的String对象的length属性一章节。
4.attr()函数可以参阅jQuery的attr()方法一章节。
5.jQuery.fn可以参阅jQuery.fn的作用是什么一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9529
更多内容可以参阅:http://www.softwhy.com/jquery/
标签:
原文地址:http://www.cnblogs.com/xiaofinder/p/5100286.html