jquerytrim删除所有图像

我实际上使用了一个代码，如果文本达到长度限制，它会附加一个“阅读更多”按钮。 事实上，我需要让它与图像一起工作

我的实际代码

$（文档）.ready（函数（）{
//帕内洛安米尼斯特拉齐翁有限公司
const max=app.forum.attribute（'Lenght'）；
$（'.Post body'）。每个（函数（）{
var str=$（this.text（）；
如果（$.trim（str）.length>max）{
var subStr=str.substring（0，最大值）；
var hiddenStr=str.substring（最大，$.trim（str.length））；
var ReadMore=app.translator.trans（'flarum-ext-ReadMore.forum.ReadMore'）；
$（this.empty（）.html（subStr）；
$（此）。附加（“”）；
$（this.append（“”+hiddenStr+“”）；
}
});
$（'.linkReadMore'）。单击（函数（）{
$（this）.sides（'.addText'）.contents（）.unwrap（）；
$（this.remove（）；

事实上，如果文章上有图片，这将被删除（idk为什么）。我只需要限制图片

我正在尝试使用“html”而不是

$(this).text();

但是不行，有人能帮忙吗

下面是一个jfiddle示例：

---

图像是否类似于

？

$（this）.empty（）.html（subStr）；

您清空整个

帖子正文，然后添加您创建的作为内容的子字符串，那么如何解决此问题？我的意思是，我需要将图像限制为（1或可能为0）另外，就像现在的文本一样，当有人点击ReadMore时，他可以看到所有的图像