用椭圆替换网址

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