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

JQuery or Javascript code to change the font of the last character in html text

本文关键字：文本 最后一个 字符 字体 html Javascript 代码 用于 JQuery      更新时间：2023-09-26

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

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

最好在 JS 中使用 charAt(length-1)，还是在 JQuery 中有一些方法可以更改所选类的最后一个字符？

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

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

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

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

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

div class="answers"更快>

给他们一些选择器的类，例如 .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));
});
相关文章：