Tutorial :a href to upper



Question:

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.


Solution:1

div span a { text-transform:uppercase; }  


Solution:2

use the CSS text-transform:

div span a { text-transform: uppercase; }  

Or with jQuery:

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


Solution: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)


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