用橢圓替換網址

Question

我顯示了每個頁面的url路徑，顯示了用戶的確切位置。就像用戶進入家庭 - >移動 - >設計那樣，我會顯示像「家庭/移動/設計」這樣的用戶路徑。一切工作正常，但對於移動我必須隱藏家和設計之間的內容，如家/.../設計。我不知道如何實現這一點。有人可以幫助....感謝您的幫助提前。

Answer 1

編輯：

與切換內容的新的例子：

var url = 'home/mobile/design'; 

var start = url.indexOf('/'); 
var end = url.lastIndexOf('/'); 
var finalString = url.substring(0,start+1) + '...' + url.substring(end, url.length); 

$('#myURL').text(finalString); 

$('#myURL').click(function(){ 
if(!$('#myURL').hasClass('toggle')){ 
    $('#myURL').text(url); 
    $('#myURL').addClass('toggle'); 
    }else{ 
    $('#myURL').text(finalString); 
    $('#myURL').removeClass('toggle'); 
    } 
}) 

https://jsfiddle.net/2mq0dwbd/1/

該代碼會做你想要什麼：

var url = 'home/mobile/design'; 

var start = url.indexOf('/'); 
var end = url.lastIndexOf('/'); 

alert(url.substring(0,start+1) + '...' + url.substring(end, url.length)) 

該代碼將佔到另一個變種同樣，如果你有更多的「部分」在裏面會只取第一個和最後一個：

home/some/deep/section/goes/here 

結果：

home/.../here 

你可以用它玩，並對其進行修改以滿足您的特定需求，當然。

希望它有幫助！

小提琴： https://jsfiddle.net/2mq0dwbd/

Answer 2

如果你不想使用片/串，你可以使用正則表達式導致較少代碼量：

var test = 'home/mobile/design'; 
test.replace(/\/.*\//, '/.../'); // home/.../design 

它也適用於不同版本：

var test2 = 'home/mobile/design/test'; 
test2.replace(/\/.*\//, '/.../'); // home/.../test