jq实现文字个数限制_用js方法限制文字个数,文字溢出省略号。自己写了一个限制容器文字长度的jQuery插件。​...

用js方法限制文字个数,文字溢出省略号。自己写了一个限制容器文字长度的jQuery插件。

自己写了一个限制容器文字长度的jQuery插件,用起来还是很方便的。

/**

* $.txtCur();

* @charset utf-8

* @extends jquery.1.8.3

* @example

* $('.info').txtCur({n:50});

* $('.info').txtCur({n:50,z:'...',isTitle:1});

*/

(function($) {

$.fn.extend({

txtCur: function(options) {

//默认参数

var defaults = {

/**截取长度 */

n: 60,

/*结尾添加字符*/

z: '...',

/*是否在标签上 添加 title 属性*/

isTitle: true

}

var options = $.extend(defaults, options);

return this.each(function() {

var o = options;

var $this = $(this);

var s = $this.text(),

s = $.trim(s); //去掉收尾空格

l = s.length,

n = o.n; //设置字符长度为18个

if (l > n) {

//文本所有内容用a标签的title属性提示文本全部内容

if (o.isTitle) {

$(this).attr("title", s);

}

s = $this.text(s.substring(0, n) + o.z);

}

/**/

});

}

});

})(jQuery);

//调用方法

我是文字我是文字我是文字我是文字我是文字

$(function() {

$('[txtCur]').each(function() {

var $that = $(this);

var maxNum = $that.attr('txtCur');

$that.txtCur({

n: maxNum

});

})

})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值