Javascript 如何对动态文本使用“阅读更多”切换

使用我的评级组件，用户可以编写有关某些产品的文本。现在，当用户写入超过三行时，组件应该只显示三行，并添加

readmore切换程序

，以便有人可以通过单击

readmore href

来读取整个文本。查看当文本长度超过3行时如何添加“阅读更多”开关？

取决于三行的含义。如果你谈论的是段落标记或字符数，那么它相对简单。只要数一数，如果它高于你想要的值，就把多余的隐藏起来

var children = $('.text_container').children('p');

if ( children.length > 3 ){
    children.slice(2).hide();
    children.slice(2,3).after('Read More Markup');
}

---

然后，只需在“Read More”文本中添加一个监听器，该文本将显示所有子项。

我添加了JSFIDLE链接。您可以使用jQuery插件dotdot。div没有任何段落。如果是字符，怎么做？