Question

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

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

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

Answer 1

为选择器提供一些类，例如.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));
});

Answer 2

您必须获取，更改，然后重新输入文本的html内容。

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

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

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

编辑：我只是看到eyurdakul在我面前提出了一个非常相似的答案。我认为他也是对的。我让这个答案作为补充，给出一个可测试的例子。当然，如果一个答案应该被接受，它可能是eyurdakul的一个，他更快：）

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

2 个答案: