Question

Can anyone advise on this? I’m trying to create a jquery function that will take the last 3 characters of a string and style them differently. In my case half the font-size.

So in a string like €100.50 the .50 would be smaller

Can someone please point me in the right direction? Or maybe if a plugin/script already exists let me know

Thanks!

Dec

Answer 1

The text you want modified needs to be wrapped in another html element to which you can add a class or inline style to make css adjustmets

Assuming this staring html, and using jQuery to get and set the mosified text/html:

<span>€100.50</span>

.

$('span').html(function(idx, oldHtml) {
    var startStr = oldHtml.substring(0, oldHtml.length - 3)
    var endStr = '<small>' + oldHtml.substring(oldHtml.length - 3) + '</small>'
    return startStr + endStr;

});

DEMO: http://jsfiddle.net/vJ63t/