Corsi on-line

Modificare tutte le occorrenze di una stringa con jQuery

Si immagini di voler modificare il colore di sfondo di una determinata parola, o più propriamente di “una stringa”, all’interno di un testo, ciò potrà essere fatto utilizzando un semplice selettore definito tramite CSS e il framework Ajax JQuery. Inziamo subito con la definizione del selettore all’interno del nostro foglio di stile:

.evidenzia { 
background-color: red 
}

Ora passiamo alla parte relativa al JavaScript:

<script>
	$(document).ready(function() { 
		$('body').each(function() { $.evidenzia(this, 'Albero'); });
	 }); 
</script>

A questo punto, basterà scrivere tra i tag “body” la frase all’interno della quale evidenziare la stringa indicata:

<body>
L'arancio è un albero, l'arancia è un frutto.
</body>

Le potenzialità di questa procedura potranno essere sfruttate al meglio evidenziando le stringhe provenienti da una sorgente di dati come per esempio un database o un modulo per l’invio dei dati.

Post correlati
I più letti del mese
Tematiche