Fonction, jquery, plugin

Comment ai-je fais pour ajouter une icône après certains liens, et plus précisément tous les liens externes.

Et bien ceci n’est qu’une fonction javascript écrite à l’aide du plugin jQuery.

Comment ?

En voici le code source :

$("a[href^=\"http\"]").each(function(i){
 $(this)
 .not("[href*=\""+document.domain+"\"]")
 .append(' <img src="images/external.gif" alt="" />')
});

Traduction : On récupère les liens http (donc on ne prend pas en compte les ancres), on ne considère que les liens externes, et on insère notre image à l’intérieur de notre balise a grâce à la méthode append().

On peut même en profiter pour forcer une ouverture dans une nouvelle fenêtre/nouvel onglet.

$("a[href^=\"http\"]").each(function(i){
 $(this)
 .not("[href*=\""+document.domain+"\"]")
 .append(' <img src="images/external.gif" alt="" />')
 .bind('click', function() {
 this.target = "_blank";
 });
});

Edit : Solution plus concise de MAD

$('a[href^="http"]:not([href*="'+document.domain+'"])')
    .append(' <img src="images/external.gif" alt="" />')
    .attr('target', '_blank');