a href to upper

Question

Hi All,

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.

Answer 1

div span a { text-transform:uppercase; }

Answer 2

use the CSS text-transform:

div span a { text-transform: uppercase; }

Or with jQuery:

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

Answer 3

.

$('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)