Images aléatoires (bullet) pour les éléments de liste dans une UL?

Question

J'ai une barre latérale ul li générée à partir de posts wordpress. Le client a utilisé différentes images pour la balle pour chaque LI. Plutôt que d'ajouter une balle séparée manuellement, y a-t-il un moyen de le faire en choisissant parmi un ensemble de 10 options?

pensait fonction Jquery? Quelqu'un a déjà fait ça?

THanks

Answer 1

Peut-être quelque chose comme ce qui suit:

<style type="text/css"> 
/* Add the styles here, incrementing the number of each one as you go (then change 
    the 3 in the jQuery addClass method so it corresponds with the number of options 
    available */ 
li.bullet-0 { list-style-type: circle; } 
li.bullet-1 { list-style-type: disc; } 
li.bullet-2 { list-style-type: square; } 
</style> 
<Script type="text/javascript"> 
$(document).ready(){ 
    $('ul > li').each(function(i,e){ 
    $(this).addClass('bullet-'+(i%3)); // change 3 to number of styles that are above. 
    }); 
}); 
</script> 

lien jsFiddle pour le montrer appliqué: http://www.jsfiddle.net/bradchristie/yxZ4m/