用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
});
})
})