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

Question

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

对不起,伙计们我是JavaScript&JQuery的新手:S
非常感谢任何帮助.

Answer 1

如果我理解正确,你想将一个字符串限制为10个字符？

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

那样的东西？

Answer 2

这是一个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元素.

Answer 3

创建自己的答案,因为没有人认为可能没有发生分裂(较短的文本).在这种情况下,我们不想添加'...'作为后缀.

三元运算符将对此进行排序:

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

并扩展到帮助程序类,因此您甚至可以选择是否需要点:

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

Answer 4

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

Answer 5

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

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

Answer 6

HTML

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

javascript(在doc准备好了)

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