200 个字符后显示阅读更多按钮

Question

我使用这段代码来显示一些文本。

我想在 200 个字符后显示一个阅读更多按钮，它将显示 div 的其他文本。当显示所有文本时，我还想显示一个少读按钮。

我怎样才能做到这一点？

代码：

<div class="reviewtekst">
<p> ALL TEXT </p>
</div>

Answer 1

如果 ALl 文本的第一个长度大于 200，则需要检查它。

$('.reviewtekst').each(function() {
    var $pTag = $(this).find('p');
    if($pTag.text().length > 200){
      ....
   }
}

您需要复制原始文本并获取前 200 个字符，然后将其附加到您的 div 中。现在您将拥有两个 p 标签，一个用于预览，另一个用于全文。附加链接并绑定点击事件以显示/隐藏全文。 你可以看看jsfiddle：https://jsfiddle.net/8cm67cun/