Получить URL-адрес элемента

Question

Я создаю скрипт. Это получит элемент href. Но я хочу только последнюю часть этого URL-адреса. Я делаю это:

var newURL = $(".list-portfolio a").attr("href"); 
    pathArray = newURL.split('/'), 
     secondLevelLocation = pathArray[0]; 

    var newPathname = ""; 
    for (i = 3; i < pathArray.length; i++) { 
     newPathname += "/"; 
     newPathname += pathArray[i]; 
    } 

Это результаты /portfolio/ruimzicht.html Thats почти хорошо. Как я могу удалить первый /.

У вас есть вопросы по улучшению кода?

Answer 1

Почему бы не использовать функцию массива?

var pathArray = ["portfolio", "ruimzicht.html"]; 

// build a string by inserting a forward slash between all elements 
pathArray.join("/"); 

// results in: portfolio/ruimzicht.html 

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

url.split("/").pop(); // yields "ruimzicht.html" 

Answer 2

Попробуйте использовать это, чтобы избежать первую конкатенации /:

for (i = 3; i < pathArray.length; i++) 
{ 
    if(i != 3) 
     newPathname+= "/"; 

    newPathname += pathArray[i]; 
} 

Answer 3

newPathname = newPathname.trim("/"); 

Answer 4

Я считаю, что делает URL разбора таким образом делает код хрупкий и подверженный ошибкам. Вместо выполнения всех операций разделения строк и/или регулярных выражений вы можете использовать сторонний плагин, например jQuery-URL-Parser, который позволяет вам получить URL-адрес от элемента и разложить его на разные части, чтобы вы могли получить доступ к имени файла или имя хоста и т. д. Вот пример того, как использовать его в вашем случае.

var url = $.url($(".list-portfolio a").attr("href")); 
url.attr('file'); // this will give you ruimzicht.html 

Это делает код более простым и понятным для чтения и обслуживания.