Zufällige (Aufzählungs-) Bilder für Listenelemente in einem UL?

Question

Ich habe eine UL li Seitenleiste aus WordPress-Posts generiert. Der Client hat für jedes LI unterschiedliche Bilder für das Aufzählungszeichen verwendet. Anstatt eine separate Kugel manuell hinzuzufügen, gibt es eine Möglichkeit, es aus einer Reihe von sagen 10 Optionen zu wählen?

dachte Jquery Funktion? Hat das jemals jemand getan?

THanks

Answer 1

Vielleicht so etwas wie die folgenden:

<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> 

jsFiddle Link wobei es sich aufgebracht zeigen: http://www.jsfiddle.net/bradchristie/yxZ4m/