仅显示一个长字符串的10个字符？

如何使用JQuery获取长文本字符串（如查询字符串）以最多显示10个字符？

抱歉，我是JavaScript＆JQuery的新手：
非常感谢您的帮助。

如果我理解正确，您想将字符串限制为10个字符吗？

var str = 'Some very long string';
if(str.length > 10) str = str.substring(0,10);

这样的东西吗？

这是一个jQuery示例：

HTML文本字段：

<input type="text" id="myTextfield" />

jQuery代码以限制其大小：

var elem = $("#myTextfield");
if(elem) elem.val(elem.val().substr(0,10));

例如，您可以使用上面的jQuery代码来限制用户在键入时输入超过10个字符。以下代码段正是这样做的：

$(document).ready(function() {
    var elem = $("#myTextfield");
    if (elem) {
        elem.keydown(function() {
            if (elem.val().length > 10)
                elem.val(elem.val().substr(0, 10));
        });
    }            
});

更新：上面的代码片段仅用于显示用法示例。

以下代码段将解决DIV元素的问题：

$(document).ready(function() {
    var elem = $(".tasks-overflow");
    if(elem){
        if (elem.text().length > 10)
                elem.text(elem.text().substr(0,10))
    }
});

请注意，在这种情况下，我使用text而不是val，因为该val方法似乎不适用于DIV元素。

创建自己的答案，因为没有人认为拆分可能不会发生（较短的文字）。在这种情况下，我们不想添加“ ...”作为后缀。

三元运算符将解决此问题：

var text = "blahalhahkanhklanlkanhlanlanhak";
var count = 35;

var result = text.slice(0, count) + (text.length > count ? "..." : "");

可以关闭功能：

function fn(text, count){
    return text.slice(0, count) + (text.length > count ? "..." : "");
}

console.log(fn("aognaglkanglnagln", 10));

并扩展到helpers类，这样您甚至可以选择是否要点：

function fn(text, count, insertDots){
    return text.slice(0, count) + (((text.length > count) && insertDots) ? "..." : "");
}

console.log(fn("aognaglkanglnagln", 10, true));
console.log(fn("aognaglkanglnagln", 10, false));

var example = "I am too long string";
var result;

// Slice is JS function
result = example.slice(0, 10)+'...'; //if you need dots after the string you can add

结果变量包含“我太...”

('very long string'.slice(0,10))+'...'
// "very long ..."

html

<p id='longText'>Some very very very very very very very very very very very long string</p>

javascript（已准备好文档）

var longText = $('#longText');
longText.text(longText.text().substr(0, 10));

如果文本中有多个单词，并且希望每个单词最多限制为10个字符，则可以执行以下操作：

var longText = $('#longText');
var text = longText.text();
var regex = /\w{11}\w*/, match;
while(match = regex.exec(text)) {
    text = text.replace(match[0], match[0].substr(0, 10));
}
longText.text(text);

将字符串截断为十个字符时，还应该添加实际的html省略号实体：…，而不是三个句点。

在我看来，这更像您可能想要的。

$(document).ready(function(){
var stringWithShorterURLs = getReplacementString($(".tasks-overflow").text());

function getReplacementString(str){
    return str.replace(/(https?\:\/\/[^\s]*)/gi,function(match){
        return match.substring(0,10) + "..."
    });
}});

您在第一行中给它添加html元素，然后它将整个文本带入，用10个字符长的版本替换url，然后将其返回给您。仅具有3个url字符似乎有点奇怪，因此，如果可能的话，我建议您这样做。

$(document).ready(function(){
var stringWithShorterURLs = getReplacementString($(".tasks-overflow p").text());

function getReplacementString(str){
    return str.replace(/https?\:\/\/([^\s]*)/gi,function(match){
        return match.substring(0,10) + "..."
    });
}});

这会删除http：//或https：//并最多打印10个www.example.com的字符

尽管这不会将字符串限制为恰好10个字符，但为什么不让浏览器使用CSS为您完成工作：

.no-overflow {
    white-space: no-wrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

然后为包含字符串的表单元格添加以上类并设置最大允许宽度。结果应该看起来比基于测量字符串长度所做的任何操作都更好。

@ jolly.exe

很好的例子，乔利。我更新了您的版本，该版本限制了字符长度，而不是单词数。我还添加了将标题设置为真正的原始innerHTML，以便用户可以将鼠标悬停并查看被截断的内容。

的HTML

<div id="stuff">a reallly really really long titleasdfasdfasdfasdfasdfasdfasdfadsf</div> 

JS

 function cutString(id){    
     var text = document.getElementById(id).innerHTML;         
     var charsToCutTo = 30;
        if(text.length>charsToCutTo){
            var strShort = "";
            for(i = 0; i < charsToCutTo; i++){
                strShort += text[i];
            }
            document.getElementById(id).title = "text";
            document.getElementById(id).innerHTML = strShort + "...";
        }            
     };

cutString('stuff'); 

试试这个 ：）

var mystring = "How do I get a long text string";
mystring = mystring.substring(0,10);
alert(mystring);

显示此“长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本长文本“

至

长文本长文本长...

        function cutString(text){    
            var wordsToCut = 5;
            var wordsArray = text.split(" ");
            if(wordsArray.length>wordsToCut){
                var strShort = "";
                for(i = 0; i < wordsToCut; i++){
                    strShort += wordsArray[i] + " ";
                }   
                return strShort+"...";
            }else{
                return text;
            }
         };