奇妙に聞こえるかもしれませんが、タグ付けされたテキストの最後の文字のフォントを変更するhtmlクラスを作成したいと思います。
cssでは一部の文字列の最初の文字のフォントサイズや色を変更できますが、残念ながら最後の文字のフォントを変更することはできません。
JSでを使用するのが最善ですか、charAt(length-1)
それともJQueryで選択したクラスの最後の文字を変更する方法がありますか?
奇妙に聞こえるかもしれませんが、タグ付けされたテキストの最後の文字のフォントを変更するhtmlクラスを作成したいと思います。
cssでは一部の文字列の最初の文字のフォントサイズや色を変更できますが、残念ながら最後の文字のフォントを変更することはできません。
JSでを使用するのが最善ですか、charAt(length-1)
それともJQueryで選択したクラスの最後の文字を変更する方法がありますか?
セレクターのクラス、たとえば.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));
});
テキストのhtmlコンテンツを取得、変更、および再評価する必要があります。
私はそれを説明するためにフィドルを作りました:
http://jsfiddle.net/dystroy/3maG5/
リスクがあることに注意してください。詳細な分析を行わないと、段落(または他のテキスト)が要素で終わっている場合に問題が発生する可能性があります。
編集:私はeyurdakulが私の数秒前に非常によく似た答えをしたのを見るだけです。彼も正しいと思います。妥当な例を示すために、この回答を補足的なものとして使用します。もちろん、1つの答えが受け入れられるべきなら、それはおそらくeyurdakulのものであり、彼はより速かった:)