jQuery根据设置的字数截断过长标题并在末尾加上“…”

jQuery插件代码内容:
可以直接写在页面里,也可以另存为一个jQuery插件,命名为 jQuery_limit.js 然后再调用...
<script type="text/javascript">
jQuery.fn.limit=function(){
//这里的div去掉的话,就可以运用li和其他元素上了,否则就只能div使用。
var self = $("div[limit]");
self.each(function(){
var objString = $(this).text();
var objLength = $(this).text().length;
var num = $(this).attr("limit");
if(objLength > num){
//这里可以设置鼠标移动上去后显示标题全文的title属性,可去掉。
$(this).attr("title",objString);
objString = $(this).text(objString.substring(0,num) + "...");
}
})
}
</script>
==================================

jQuery代码内容:
<script type="text/javascript">
$(document).ready(function(){
$(document.body).limit();
})
</script>

==================================

测试用的Html代码:可以看到,如果不去掉插件代码里的div,则只有div属性的会被影响...
<div limit="2">计算字串的长度长度长度长度</div>
<div limit="12">计算字长度长度</div>
<li limit="4">这边有优化很公开这边</li>
<li limit="14">这边有优化很公开这边这边有优化很公开这边</li>
<dt limit="12">这边有优化很公开长度长度很公开长度</dt>
<dd limit="10">这边有优化很边有优化很边有优化很边有优化很边有优化很</dd>

转载自:http://blog.sina.com.cn/s/blog_724008890101dfqh.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,854评论 2 17
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,379评论 0 2
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,569评论 1 19
  • @转自GitHub 介绍js的基本数据类型。Undefined、Null、Boolean、Number、Strin...
    YT_Zou阅读 1,209评论 0 0
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,202评论 0 1