javascript - jQuery 文本显示受限和切换

Question

我的文本内容是从mysql输出的，但是我们暂时可以把它当作纯文本。我想将我的字数限制在 120 个字以内，然后添加切换 show more 按钮。我知道切换很容易实现，但我真的不知道如何限制我的字数并自动插入显示更多切换按钮。

这是我的代码

<div id="paragrah">
    Donec vitae mollis leo. Quisque ut metus ac velit porttitor sollicitudin quis mattis purus. Quisque id risus id sem porta gravida eu nec neque. Praesent non odio nibh, vitae tincidunt sapien. Maecenas rutrum mollis mauris, eu condimentum nunc viverra nec. Donec fringilla imperdiet volutpat. Morbi in sem ante. Phasellus libero purus, viverra a aliquam ac, eleifend eu nisl. Etiam quis odio nec quam rhoncus iaculis ac quis velit. Sed ut lacus quis enim tempor ullamcorper. Donec odio ligula, porta et bibendum aliquam, blandit vitae lacus.
    <div class="myimage">picture</div>
    <div class="myimage">picture</div>
    <div class="myimage">picture</div>
</div>

我还附上了一张图片来解释我期望实现的目标。

Answer 1

试试这个片段:

function excerpt(str, nwords) {
  var words = str.split(' ');
  words.splice(nwords, words.length - 1);
  return words.join(' ') + '…';
}

然后使用 data 缓存您的原始内容，并创建一个按钮以根据文本在 data 和 excerpt 之间切换，或者“show”或“隐藏”。

演示: http://jsfiddle.net/elclanrs/QLYey/