Javascript 我的“多读/少读”未显示标题标记

我试图在一个div中添加readmore/less，这个div也会有标题标签，但它没有反映

代码为：

$（函数（）{
var showTotalChar=200，showChar=“Show（+）”，hideChar=“Hide（-）；
$（'.show'）。每个（函数（）{
var content=$（this.text（）；
如果（content.length>showTotalChar）{
var con=content.substr（0，showtottalchar）；
var hcon=content.substr（showTotalChar，content.length-showTotalChar）；
var txt=con+'…'+hcon+'；
$（this.html（txt）；
}
});
$（“.showmoretxt”）。单击（函数（）{
if（$（this）.hasClass（“示例”））{
$（此）.removeClass（“示例”）；
$（this）.text（showChar）；
}否则{
$（此）.addClass（“示例”）；
$（此）.text（hideChar）；
}
$（this.parent（）.prev（）.toggle（）；
$（this.prev（）.toggle（）；
返回false；
});
});
.morectnt span{
显示：无；
}

bootstrap4网站示例
莫雷克特斯潘先生{
显示：无；
}
$（函数（）{
var showTotalChar=200，showChar=“Show（+）”，hideChar=“Hide（-）；
$（'.show'）。每个（函数（）{
var content=$（this.text（）；
如果（content.length>showTotalChar）{
var con=content.substr（0，showtottalchar）；
var hcon=content.substr（showTotalChar，content.length-showTotalChar）；
var txt=con+'…'+hcon+'；
$（this.html（txt）；
}
});
$（“.showmoretxt”）。单击（函数（）{
if（$（this）.hasClass（“示例”））{
$（此）.removeClass（“示例”）；
$（this）.text（showChar）；
}否则{
$（此）.addClass（“示例”）；
$（此）.text（hideChar）；
}
$（this.parent（）.prev（）.toggle（）；
$（this.prev（）.toggle（）；
返回false；
});
});
lorem ipsum doler sit amet
字幕
Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec magna tellus，feugiat vel的秃鹫，ipsum的拍卖人。马莱苏阿达皇室酒店。孕妇前庭-基础设施。Phasellus和厄洛斯·努拉。在特里斯提克港。
这是一个很好的例子。Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec magna tellus，feugiat vel的秃鹫，ipsum的拍卖人。马莱苏阿达皇室酒店。孕妇前庭-基础设施。Phasellus和厄洛斯·努拉。在特里斯提克港。这是一个很好的例子。
当您获得div的文本时，它会忽略它所在的标签。所以我用.html（）替换了.text（），并且它是固定的


$（函数（）{
var showTotalChar=200，
showChar=“Show（+）”，
hideChar=“隐藏（-）；
$（'.show'）。每个（函数（）{
var content=$（this.html（）；
如果（content.length>showTotalChar）{
var con=content.substr（0，showtottalchar）；
var hcon=content.substr（showTotalChar，content.length-showTotalChar）；
var txt=con+'…'+hcon+'；
$（this.html（txt）；
}
});
$（“.showmoretxt”）。单击（函数（）{
if（$（this）.hasClass（“示例”））{
$（此）.removeClass（“示例”）；
$（this）.text（showChar）；
}否则{
$（此）.addClass（“示例”）；
$（此）.text（hideChar）；
}
$（this.parent（）.prev（）.toggle（）；
$（this.prev（）.toggle（）；
返回false；
});
});
.morectnt span{
显示：无；
}

bootstrap4网站示例
莫雷克特斯潘先生{
显示：无；
}
$（函数（）{
var showTotalChar=200，
showChar=“Show（+）”，
hideChar=“隐藏（-）；
$（'.show'）。每个（函数（）{
var content=$（此值）；
如果（content.length>showTotalChar）{
var con=content.substr（0，showtottalchar）；
var hcon=content.substr（showTotalChar，content.length）；
var txt=con+'…'+hcon+'；
$（this.html（txt）；
}
});
$（“.showmoretxt”）。单击（函数（）{
if（$（this）.hasClass（“示例”））{
$（此）.removeClass（“示例”）；
$（this）.text（showChar）；
}否则{
$（此）.addClass（“示例”）；
$（此）.text（hideChar）；
}
$（this.parent（）.prev（）.toggle（）；
$（this.prev（）.toggle（）；
返回false；
});
});
lorem ipsum doler sit amet


字幕
Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec magna tellus，feugiat vel的秃鹫，ipsum的拍卖人。马莱苏阿达皇室酒店。孕妇前庭-基础设施。Phasellus和厄洛斯·努拉。门前动脉
阿里奎姆特里斯蒂克。这是一个很好的例子。Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec magna tellus，feugiat vel的秃鹫，ipsum的拍卖人。马莱苏阿达皇室酒店。前庭
妊娠期营养不良。Phasellus和厄洛斯·努拉。在特里斯提克港。这是一个很好的例子。
但单击“显示”后，它现在隐藏了所有内容：（@ZahraShahrouzi@Ricky我真的很抱歉。当我添加一个段落标记时是我的错，它没有将其识别为文本，而且substr函数也有问题