javascript - 如何使用阅读更多切换动态文本

Question

使用我的评级组件，用户可以编写有关某些产品的文本。现在，当用户编写的内容超过三行时，该组件应仅显示 3 行并添加 Read More toggler 以便有人可以通过单击 Read More href 来阅读整个文本.参见 http://jsfiddle.net/71w7tagr/2/如何在文本超过 3 行时添加阅读更多切换器？

Answer 1

取决于你所说的三行是什么意思。如果您谈论的是段落标签或字符数，则相对简单。只需计算它们，如果它高于您想要的值，请隐藏多余的值。

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

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

然后只需向将显示所有子项的“阅读更多”文本添加一个监听器。