使用jquery简洁的html或css

根据stackoverflow上某个人的推荐，我使用jQuerySuccut截断了我在php站点上的帖子

但是，我遇到了一个小问题（对我来说）。。。我将省略号改为自定义文本，上面写着这样的“阅读更多”

<script>
    $(function(){
        $('.mypost a').succinct({
            omission: '...Read More'
        });
    });
</script>

$（函数（）{
$（'.mypost a'）。简洁({
省略：“……阅读更多”
});
});

这将是完美的，但我想用一个span标记将summit添加到截断文本上的“readmore”包装起来

目前，如果我将其包装在一个span中，它会将整个span html呈现为文本。我试图实现的简单效果是使“阅读更多”文本的颜色与“.mypost”文本的颜色不同，而“.mypost”文本被截断

如果我可以将它包装在一个span中，我可以将css.mypost添加到span{color:#f00；}

并得到期望的结果

---

有人建议这样做吗？

根据该网站的README.md，似乎您可以将

省略部分更改为所需的HTML:
省略部分：“…阅读更多内容”

或者，您也可以使用CSS来执行此操作：

.mypost {
    text-overflow: ellipsis;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
}

很明显，它正在使用替换被截断元素的文本，因此任何文本在被替换时都将进行HTML编码。如果您想继续使用此库，可以将其分叉并修改，以接受替换文本的HTML，或者找到另一个库。
如果这样做有效，这似乎是一种显而易见的方法。我在这里发帖之前就试过了。当我添加它时，它只是在页面
readmore
中正确地呈现它，所以它实际上是以文本的形式显示的，我试图找出如何不显示它，并将我的readmore文本包装在一个span标记中。