In un precedente articolo abbiamo visto come generare colori random usando PHP.
Oggi invece vediamo come fare la stessa cosa con Javascript, per poi colorare dinamicamente il testo di alcuni link.
Abbiamo quindi una lista con dentro dei link.
Troviamo con jQuery tutti gli elementi link della lista:
$(document).ready(function() {
$('#my_list_ul li').each(function() {
var $a = $(this).find('a');
var cssColor = randomColor();
$a.css({color: cssColor});
});
});
In pratica con la funzione each cicliamo sulla lista e con find troviamo gli elementi link.
Per ogni ciclo usiamo la funzione randomColor per create un colore, che possiamo al link attraverso la funzione css di jQuery.