使用jQuery在每个单词中仅显示10个字符

Question

如何显示每个word maximum 10 character long，然后显示ellipsis (...).

在我的例子之下。

var text =  "abcfd anchdgerejjsds sdjhsdfjasjdhjsd pto";

Expected o/p: "abcfd anchdgerej... sdjhsdfjas... pto"

我该怎么做

由于

Answer 1

这是实现预期输出的一种方法：

var text =  "abcfd anchdgerejjsds sdjhsdfjasjdhjsd pto";
var arr = text.split(' ');
var temp = $.map( arr, function( n, i ) {
  return (n.length > 10) ? n.substring(0,10)+"..." : n;
});
console.log(temp.join(" "));

输出：

abcfd anchdgerej... sdjhsdfjas... pto

Answer 2

你可以试试这个：

＆＃13;

＆＃13;

var text =  "abcfd anchdgerejjsds sdjhsdfjasjdhjsd pto";

var arr = text.split(/\s/);

var newArr = arr.map(function(el){
    return el.length > 10 ? el.slice(0, 10)+'...' : el;
}).join(' ');


document.querySelector('pre').innerHTML = JSON.stringify(newArr);

＆＃13;

<pre></pre>

＆＃13;

＆＃13;

＆＃13;