显示200个字符后的更多按钮

Question

我使用此代码显示一些文字。

我想在200个字符后显示一个read more按钮，它将显示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：JSR-375