javascript - 用于更改 html 文本中最后一个字符的字体的 JQuery 或 Javascript 代码

Question

我知道这听起来很奇怪，但我想创建一个 html 类来更改标记文本中最后一个字符的字体。

虽然 css 允许您更改某些字符串的第一个字符的字体大小和颜色，但遗憾的是没有什么可以更改最后一个字符的字体。

最好charAt(length-1)在 JS 中使用，还是在 JQuery 中有某种方式来更改所选类的最后一个字符？

Answer 1

您必须获取、更改然后重新命名文本的 html 内容。

我做了一个小提琴来说明它：

http://jsfiddle.net/dystroy/3maG5/

请注意存在风险：如果您的段落（或其他文本）以元素结尾，则如果不进行更多分析，您可能会遇到问题。

编辑：我只是看到 eyurdakul 在我之前几秒钟做出了一个非常相似的答案。我也觉得他说的很对。我让这个答案作为补充，给出一个可测试的例子。当然，如果应该接受一个答案，那可能是 eyurdakul 的答案，他更快:)

Answer 2

给他们一些选择器的类，例如.last；

$(".last").each(function(){
     var inner = $(this).html();
     var firstPart = inner.substring(0, (inner.length-1));
     var secondPart = inner.substring((inner.length-1), inner.length);
     $(this).html(firstPart);
     $("<span/>").css("font", "Arial").html(secondPart).appendTo($(this));
});