Tutorial :a href to upper

I have a div that contains a list of spans. And each span has a link. Is there a way to convert all of the link text to upper case?

<div>    <span><a href="#">abc</a></span>    <span><a href="#">def</a></span>  <div>

Thanks,

rod.

div span a { text-transform:uppercase; }

use the CSS text-transform:

div span a { text-transform: uppercase; }

Or with jQuery:

$('div span a').css('text-transform', 'uppercase');

$('div span a').text().toUpperCase()

Or you can use the CSS' text-transform:uppercase; as well (which is ideal, you don't need jQuery actually)

Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com

Labels