html 长文本 截断 jquery 扩展脚本

本文介绍了一个使用jQuery实现的自动截断过长文本的插件。该插件能够检查指定选择器内的文本长度,当超过设定阈值时,将自动进行截断并保留省略号,同时将完整文本存放在title属性中,方便鼠标悬停时查看全文。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

(function ($)
{
    $.LongTextFormat = function (selector, fmlength)
    {
        var re = /\s/g;
        $(selector).each(function (i)
        {
            //获取td当前对象的文本,如果长度大于25; 
            var jobj = $(this);
            var text = jobj.text();
            if (text)
            {
                text = text.replace(re, "");
                if (text.length > fmlength)
                {
                    //给td设置title属性,并且设置td的完整值.给title属性.  
                    var oldTitle = jobj.attr("title");
                    jobj.attr("title", oldTitle + "  " + text);
                    //获取td的值,进行截取。赋值给text变量保存.  
                    var ntext = text.substring(0, 25) + "...";
                    //重新为td赋值;  
                    jobj.text(ntext);
                }
            }
        });
    };    
})(jQuery);

调用:

$.LongTextFormat(".fmtable tr td", 18);

 

jquery 自动截断 过长文本

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值