使用 jQuery 在每个单词中仅显示 10 个字符 [关闭]答案

【问题标题】：Display only 10 chars in each word using jQuery [closed]使用 jQuery 在每个单词中仅显示 10 个字符 [关闭]
【发布时间】：2016-02-07 06:45:53
【问题描述】：

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

下面是我的例子。

var text =  "abcfd anchdgerejjsds sdjhsdfjasjdhjsd pto";

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

我该怎么做

谢谢

【问题讨论】：

你试过了吗？？
解决这个问题的方法太多了。答案只会变成一个人们喜欢的稻草民意调查。最好的办法是自己对这个主题进行一些研究，找到两三个，分析它们，确定它们是否适合你，然后尝试一下。如果您对尝试做的事情有具体问题，请联系我们。

标签： jquery ellipsis

【解决方案1】：

你可以试试这个：

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

&lt;pre&gt;&lt;/pre&gt;

【讨论】：

不回答，关闭 OP 没有努力解决简单问题的问题。

【解决方案2】：

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

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

【讨论】：

不回答，关闭 OP 没有努力解决简单问题的问题。