JQuery crazy simple star rating based in class value

JQuery crazy simple star rating based in class value

by Andrew Pougher

HTML

<div><span class='2'>2</span>
<span class='5'>5</span>
<span class='1'>1</span>
<span class='3'>3</span>
<span class='5'>5</span>
    <span></span>

</div>

CSS

span {font-size:20px}
span:after{  content: '/';}

JavaScript

$('span[class*="1"]').text("*");
$('span[class*="2"]').text("**");
$('span[class*="3"]').text("***");
$('span[class*="4"]').text("****");
$('span[class*="5"]').text("*****");