jQuery cut link

Question

Here is html:

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

How to cut all the data from a href, except picture_name.jpg? There can be any length of the link, we must take just the value from last / to last "

And anybody does know the shortest way to compare, if alt and title of current link are equal?

Thanks.

Answer 1

Once you grab the a element with getElementsByTagName or getElementById:

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

Answer 2

If you want to actually change the href to picture_name.jpg and some_other_name.png respectively, you can pass a function to .attr() and use .lastIndexOf()/.substring(), like this:

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

You can view/play with a quick demo here

---

Alternatively if you're using a .each() you can get/use the value like this:

$("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 3

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

will return an array:

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

Well, and the other question...

And anybody does know the shortest way to compare, if alt and title of current link are equal?

Sure, just compare them

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

You can also use a regular expression:

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