Vi sarà sicuramente capitato di utilizzare abbreviazioni ed acronimi nella vostra marcatura. Usare l'attributo title è sicuramente d'aiuto, ma sarebbe ancora meglio se si potesse includere l'abbreviazione o l'acronimo in un link che punti ad una pagina di descrizione. Ovviamente sul web non c'è descrizione che stia al passo con quelle di Wikipedia, quindi ecco un modo per creare dei link con jQuery che puntino alle corrispettive pagine di Wikipedia.
Il codice jQuery è molto semplice:
$(function() {
$('abbr.wiki', document.body).each(function() {
var $abbr = $(this);
var text = $abbr.text();
var wikiLink = '<a href="http://it.wikipedia.org/wiki/' + text + '"></a>';
$abbr.wrap(wikiLink);
});
});
Il riferimento all'elemento body ci permette di velocizzare notevolmente la ricerca. Usiamo il metodo wrap() con una stringa HTML in cui la parte finale dell'URL del link è il testo stesso dell'elemento abbr.
Potete visionare l'esempio finale in questa pagina.