How to take out filename from link using jquery

Question

Hi Guys,

I am using Jquery.

I have got below links in my html

<a class="load-fragment" href="/english/india/index.aspx"><span>Overview</span></a>
<a class="load-fragment" href="/english/india/guide.aspx"><span>Guide</span></a>

I am trying to get out "index" and "guide" from (href="/english/india/index.aspx", href="/english/india/guide.aspx") text from above links and they will be stored in a variable for further use, there will be looping as there can be many links as given above.

Please suggest using Jquery!

Thanks!

Answer 1

How about this?

var filenames = $('.load-fragment').map(function() {
   var href =    $(this).attr('href'); 
   var lastSlash = href.lastIndexOf('/');
   var new_href = href.substring(0, lastSlash);
   return href.substring(lastSlash + 1, href.lastIndexOf('.')));
}).get();​

Answer 2

I would do something like this:

var files = [];
$('a.load-fragment').each(function(){
    var loc = $(this).attr('href');
    loc = loc.substring(loc.lastIndexOf('/')+1);
    files.push(loc);
});
alert(files);

You can then access each of them from the files array, files[0], files[1], etc.

Answer 3

You could use a regex like this:

$(".load-fragment").each(function() {
   var fileName = $(this).attr("href").match(/^\/.*\/([^\/]+).aspx$/)[1];
   //store fileName where needed
});​

You can test it out here, or if say you wanted an array of them use .map():

var files = $(".load-fragment").map(function() {
              return $(this).attr("href").match(/^\/.*\/([^\/]+).aspx$/)[1];
            }).get();​

Answer 4

A variant of Nick Craver's answer:

$(".load-fragment").each(function() {
   var fileName = this.href.split(/[/.]/).slice(-2,-1);
   //store fileName where needed
});

However, this assumes the links always have the format you show. The regex may be safer since it also is validation.

"/english/india/index.aspx".split(/[/.]/)
// returns: ["", "english", "india", "index", "aspx"]

["", "english", "india", "index", "aspx"].slice(-2, -1)
// returns "index"