我正在寻找解决方案。例如,在这支笔( codepen )中显示了阅读更多和阅读更少。但是我怎样才能在内容中使用 html 标签来实现这一点呢?
例如,在more类中我设置了<p>
在另一个类中,我有一个元素关闭 </p>
<span class="more">
Lorem ipsum dolor sit amet, consectiusmod tempor <p> Lorem sdfd sf dds sd sd
</span>
<br><br>
<div class="more">
Morbi placerat </p> imperdiet risus quis blandit. Ut lobortis elit luctus, feugiat erat vitae, interdum diam. Nam sit amet arcu vitae justo lacinia ultricies nec eget tellus. Curabitur id sapien massa. In hac <a href="#">habitasse</a> platea dictumst. Integer tristique leo consectetur libero pretium pretium. Nunc sed mauris magna. Praesent varius purus id turpis iaculis iaculis. Nulla <em>convallis magna nunc</em>, id rhoncus massa ornare in. Donec et feugiat sem, ac rhoncus mauris. Quisque eget tempor massa.
</div>
最佳答案
也许不是解决问题的最佳方法,但我之前在项目中遇到过,我是这样做的:
单击按钮启动此脚本:
$(".more2").contents().appendTo('.more1')
您的 HTML 可以如下所示:
<span class="more1">
Lorem ipsum dolor sit amet, consectiusmod tempor <p> Lorem sdfd sf dds sd sd
</span>
<br><br>
<div class="more2">
Morbi placerat </p> imperdiet risus quis blandit. Ut lobortis elit luctus, feugiat erat vitae, interdum diam. Nam sit amet arcu vitae justo lacinia ultricies nec eget tellus. Curabitur id sapien massa. In hac <a href="#">habitasse</a> platea dictumst. Integer tristique leo consectetur libero pretium pretium. Nunc sed mauris magna. Praesent varius purus id turpis iaculis iaculis. Nulla <em>convallis magna nunc</em>, id rhoncus massa ornare in. Donec et feugiat sem, ac rhoncus mauris. Quisque eget tempor massa.
</div>
关于javascript - 阅读更多 显示额外内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43610264/