jQuery lien coupé

Question

Voici 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 couper toutes les données de a href, à l'exception picture_name.jpg? Il peut y avoir une longueur de la liaison, nous devons prendre juste la valeur de la dernière / durer "

Et personne ne sait le chemin le plus court de comparer, si alt et title de liaison en cours sont égaux?

Merci.

Answer 1

Si vous voulez vraiment changer le href-picture_name.jpg et some_other_name.png respectivement, vous pouvez passer une fonction à .attr() et utiliser .lastIndexOf()/.substring(), comme ceci:

$("a").attr('href', function(i, href) { 
    return href.substring(href.lastIndexOf('/') + 1); 
}); 

You can view/play with a quick demo here

---

Alternativement, si vous utilisez un .each() vous pouvez obtenir/utiliser la valeur comme ceci:

$("a").each(function() { 
    var new_href = this.href.substring(this.href.lastIndexOf('/') + 1); 
    //use it, e.g.: alert(new_href); 
});​ 

You can see a demo of that here

Answer 2

Une fois que vous prenez l'un élément avec getElementsByTagName ou getElementById:

var parts = element.href.split('/') 
last_part = parts[parts.length-1] 

Answer 3

var hrefs = $("a").map(function() { 
    return this.href.substring(this.href.lastIndexOf('/')+1); 
}) 

retourne un tableau:

["picture_name.jpg", "some_other_name.png"] 

Eh bien, et l'autre question ...

Et quelqu'un connaît le moyen le plus court de comparer, si alt et title du lien actuel sont égaux?

Bien sûr, il suffit de les comparer

var currentLink = $("a")[0]; // whatever 

if (currentLink.alt == currentLink.title) { 
    // some action 
} else { 
    // some other action 
} 

Answer 4

var a = $("#link"); 
var link = a.href; 
alert(link.substr(0, link.lastIndexOf("/")+1)); 
alert(a.href == a.title); 

Answer 5

Vous pouvez également utiliser une expression régulière:

var url = element.href.match(/([^/]*)$/)[1];