lien de mise à jour jQuery

Question

est ici html:

<a href="http://site.com/any/different/folders/picture_name.jpg">Go and win</a> 
<a href="http://site.com/not/similar/links/some_other_name.png">Go and win</a> 

Comment ajouter un texte après la dernière "/" dans href attribut (avant picture_name.jpg) de chaque lien?

Le script devrait donner quelque chose comme:

<a href="http://site.com/any/different/folders/user_picture_name.jpg">Go and win</a> 
<a href="http://site.com/not/similar/links/user_some_other_name.png">Go and win</a> 

Ici user_ est ajouté.

Chaque lien est var img_link

Il peut y avoir une longueur de la liaison.

Answer 1

Nice et propre. Pas de fractionnement, pas de tableaux, pas d'expressions régulières. : O)

test ici:http://jsfiddle.net/Pjdtm/

var index = img_link.lastIndexOf('/') + 1; 

     // "result" now stores the new href. 
    var result = img_link.substr(0,index) + 'user_' + img_link.substr(index); 

Answer 2

Donc je pense que la meilleure solution utiliserait splice et rejoindre.

jQuery Exemple

$("a").each(function(){ 
var arr = $(this).attr("href").split("/") 
arr[arr.length-1] = "_user" + arr[arr.length-1]; 
$(this).attr("href",arr.join("/")); 
}); 

Answer 3

Cette solution utilise regular expressions qui sont excellents à une simple manipulation de chaîne telle que celle-ci:

$('a[href]').each(function() { 
    var img_link = $(this).attr('href'); 
    $(this).attr('href', img_link.replace(/([^\/]+)$/, "user_$1")); 
}); 

Mise à jour utiliser img_link comme demandé par OP.

Si vous avez déjà la variable img_link et votre propre boucle each(), il suffit d'utiliser une ligne dans la fonction, i.e. .:

$(this).attr('href', img_link.replace(/([^\/]+)$/, "user_$1")); 

Answer 4

est ici une façon. Utilisez l'expression rationnelle suivante sur l'attribut href:

(http://.+/(?=.+"))(.+) 

Cela correspondra http://site.com/not/similar/links/ et folders/user_picture_name.jpg séparément. Vous pouvez ensuite combiner les deux correspondances avec le texte ajouté au milieu.

Answer 5

Vous pouvez obtenir l'attribut par var hrefText = jQuery('a').attr('href'); vous pouvez modifier le hrefText comme:

hrefText = hrefText.substr(0,hrefText.lastIndexOf('/'))+'user_'+hrefText.substr(hrefText.lastIndexOf('/')),hrefText.length); //do this in each statement puis définissez l'attribut à nouveau.

jQuery('a').attr(hrefText);

Cela dit que si vous avez nombre de liens que vous ne devriez pas aller pour une approche javascript