jQuery中的单词限制器(在XX个字符后在最近的空格处截断,并添加...'阅读更多') [英] word limiter in jQuery (cut off at nearest space after XX chars and add ... 'read more')

查看:92
本文介绍了jQuery中的单词限制器(在XX个字符后在最近的空格处截断,并添加...'阅读更多')的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

可能重复:
如何在jQuery中截断字符串?

Possible Duplicate:
How Can I Truncate A String In jQuery?

我要使用jQuery从Facebook提取一个提要,并希望限制每个消息字符串中显示的单词/字符数.

I'm pulling a feed from Facebook using jQuery and want to put a limit on the number of words/chars displayed in each message string.

即如果string包含100个以上的字符,则应在最近的空格处停下来,并在其中添加"...阅读更多内容"

i.e. If string contains more than 100 chars, it should stop at the nearest space and put '... read more '

我该怎么做?

推荐答案

function truncateString (string, limit, breakChar, rightPad) {
    if (string.length <= limit) return string;

    var substr = string.substr(0, limit);
    if ((breakPoint = substr.lastIndexOf(breakChar)) >= 0) {
        if (breakPoint < string.length -1) {
            return string.substr(0, breakPoint) + rightPad;
        }
    }

    return string;

}

您可以在此处 jsfiddle

或使用此代码对其进行测试

Or use this code to test it

var text ='万维网.当您的普通人在街上时; console.log(truncateString(text,52,'','...')))

var text = 'The World Wide Web. When your average person on the street'; console.log(truncateString(text, 52, ' ', '...'));

这篇关于jQuery中的单词限制器(在XX个字符后在最近的空格处截断,并添加...'阅读更多')的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆