Ajouter dynamiquement un icône pour les liens externes avec jQuery

La fonctionnalité que l’on retrouve de plus en plus dans le web 2.0 et dans les wiki est la présence de cette icone annonçant un lien externe.

Je vous ai donc préparer un petit tips permettant d’ajouter dynamiquement cet icône pour les liens externes avec jQuery :

$(document).ready(function() { // On verifie que la page est chargé
    /* on prend tout les liens et on vérifie si on a un nom d'hôte
        et si le nom d'hôte est différent du nom d'hôte du lien.
        Ensuite, on ajoute l'image à la suite du lien.
    */
    $('a').filter(function() {
	  return this.hostname & this.hostname !== location.hostname;
    }).after(' ');
});

Cette fonction utilise les méthodes filter et after de jQuery. La méthode after permet d’ajouter un contenu à la suite d’un élement javascript et la méthode filter permet de supprimer les éléments qui ne respecte pas la condition écrite dans la fonction.