Question

我正在寻找解决方案。例如，在此笔（codepen）中显示更多阅读和更少阅读。但是如何在内容中使用html标签实现这一目标呢？

例如，在课堂上我已经设置了<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>

Answer 1

也许不是解决这个问题的最佳方法，但我之前在一个项目中遇到过，并且我这样做了：

点击按钮启动此脚本：

$(".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>

阅读更多显示额外内容

1 个答案: