Получить последнюю строку из URL с JQuery

Question

Im пытается получить последнюю строку из URL, например ...

http://www.mywebsite/blog/this-post 

Я хочу использовать JQuery, чтобы получить «этот пост-» Ive следующее .. .

$('img.gigthumb').each(function(){ 
    var foo = $(this).parent().attr('href').split('/'); 
    $(this).attr('src','/lic/wp-content/uploads/2012/01/'+foo[1]+'.jpg'); 
}) 

только он не работает, и я предполагаю, то потому что у меня есть несколько «/» в URL, идеи, как предназначаться только последний?

Надеюсь, что это имеет смысл!

Answer 1

Это именно то, что .pop() сделано для:

$('img.gigthumb').each(function(){ 
    var foo = $(this).parent().attr('href').split('/').pop(); 
    $(this).attr('src','/lic/wp-content/uploads/2012/01/' + foo + '.jpg'); 
}); 

Answer 2

Не используйте элемент с индексом 1 foo, но последний:

$(this).attr('src','/lic/wp-content/uploads/2012/01/'+foo[foo.length-1]+'.jpg'); 

Answer 3

После вашего примера вам нужен последняя часть разбиений:

$('img.gigthumb').each(function(){ 
    var foo = $(this).parent().attr('href').split('/'); 
    var last = foo.length - 1; 
    $(this).attr('src','/lic/wp-content/uploads/2012/01/'+foo[last]+'.jpg'); 
}) 

Answer 4

var foo = $(this).parent().attr('href').replace(/^.*\\/, ''); 

Answer 5

Расщепление с «/» даст вам массив:

foo[0] = "http:" 
foo[1] = "" 
foo[2] = "www.mywebsite" 
foo[3] = "blog" 
foo[4] = "this-post" 

Если вы хотите, чтобы получить последний пункт независимо от размера массива делают:

foo[foo.length - 1] 

или как упоминалось Джозеф: foo.pop()