如何使用jQuery獲取部分路徑？

Question

我有以下URL www.webiste.com/Services/allservices.html

我怎麼能得到這個URL的一部分與jQuery？

e.g 'services' 或' allservices.html'

任何建議讚賞。

Answer 1

var url = "www.webiste.com/Services/allservices.html" 
    url = url.split("/"); 
    alert(url[1]); 

在上面的示例中，當找到/（分隔符）並將其保存在數組中時，將字符串url拆分。然後使用適當的索引，你可以使用你想要的子串（在上面的例子中會提示Services）。

演示：http://jsfiddle.net/jcNSs/

更多信息的split()：https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/split

Answer 2

將其拆分「/」，然後選擇最後一個元素。

var parts = $("selectorForText").val().split("/"); 
//parts[0] = www.website.com 
//parts[1] = Services 
//parts[2] = allservices.html 

大意的東西會工作 - 重要比特屬於split()功能，它返回一個字符串數組識別

--Edited提供example--

Answer 3

如果您使用的是JavaScript的window.location您可以使用「/」和使用pop()獲得最後一個元素拆分location.pathname或指數得到：

var splitUrlArray = urlString.split('/'); 
var lastPart = splitUrlArray.pop(); 
var firstPart = splitUrlArray[0]; 

有關window.location的更多詳情，請閱讀http://davidwalsh.name/javascript-window-location。

Answer 4

var url = 'http://www.website.com/Services/allservices.html'; 

// Getting the file name (allservices.html) 
var fn = url.split('/').reverse()[0]; 

// Getting the extension (html) 
var ext = url.split('/').reverse()[0].split('.').reverse()[0]; 

// Getting the last middle part (services) 
var lm = url.split('/').reverse()[1]; 

Answer 5

這不是一個jQuery問題，因爲有幾個javascript函數可以幫助你（顯然它仍然可以在jQuery中和周圍工作）。最簡單的方法是隻拆分的路徑分隔符，然後操縱它，只要你喜歡：

a = "www.website.com/Services/allservices.html".split("/") 

=> ["www.website.com", "Services", "allservices.html"] 

然後，只要你喜歡，你可以拼湊一起：

• 主機

  一個。片（0）=> 「www.website.com」

• 路徑

  a.slice（1，a.size（））=> [「Services」，「allservices.html」] a.slice（1，a.size（））。join（「/」）=>「Services /allservices.html「

等

享受:-)

Answer 6

另一種更簡單的方法：

urlParts = "www.website.com/About/subpage1.html".split("/") 
    var Part1= urlParts[1]+"/"; // e.g. About/ 
    var Part2 = urlParts[2];  // e.g. subpage1.html