Question

我有从数据库中提取的html文本。文本的结构总是这样：

<div>Short text</div>Long text

重复:(不可预测的次数）

<div>Short text</div>Long text
<div>Short text</div>Long text
<div>Short text</div>Long text
<div>Short text</div>Long text

我想要做的是检查“长文本”的长度，如果它超过200个字符（例如），则隐藏其余部分并添加一个显示隐藏按钮。

所以：

Long <span id="hidden1" style="display:none;">text</span>
<a href="#" onclick="showHide(1)">show/hide</a>

如何解析数据库获取的HTML并阅读“长文本”以便能够应用上述更改？

我已经在这里呆了几天了，我只是想不出来。

谢谢！

Answer 1

Jquery truncate插件几乎完全符合您的要求，允许您以特定字符限制动态隐藏/显示文字。

$().ready(function() {  
  $('#textContainer').jTruncate({  
      length: 200,  
      minTrail: 0,  
      moreText: "[show]",  
      lessText: "[hide]",  
      ellipsisText: " ...", // how indicate to user truncation has happened
      moreAni: "fast",  
      lessAni: 2000  
  });  
});

使用此插件的优点是您不需要在内容中的任意点（显示/隐藏范围等）通过PHP插入额外的标记，因为插件会为您处理所有内容。

PHP动态地为文本添加show-hide功能

1 个答案: