jquery - html 或 css 与 jquery 简洁

Question

根据 stackoverflow 上某人的推荐，我使用了 jquery succint https://github.com/micjamking/Succinct截断我在 php 网站上的帖子。

它工作得很好，但是我遇到了一个小问题(对我来说)...我将省略号更改为自定义文本，这样说“阅读更多”

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

那将是完美的，但我想用 span 标记包装 succint 在截断文本上添加的“阅读更多”。

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

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

并得到想要的结果。

有人建议让这成为可能吗？

Answer 1

根据站点的 README.md，您似乎可以更改 omission成为所需的 HTML:omission: '...<span class="mypost">Read More</span>'

或者，您可以只使用 CSS 来执行此操作:

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