如何檢查與JavaScript/jQuery的網址，即使他們是一個尾隨斜線？

Question

我有兩個面板，裏面的鏈接列表被用作博客上的一個側欄。如果包含指向當前網址的鏈接，其中一個面板將展開。

問題是如果在當前url結尾添加了尾部斜槓，它將不再起作用。我怎麼能實現這一點，所以它的工作原理，無論網址是否有一個結尾的斜槓？

下面是當前的代碼我使用：

jQuery('.list-group-item a[href$="' + window.location.pathname + '"]').addClass("active").parents('.panel .panel-heading a').collapse('show'); 

這裏是一個活生生的例子：

http://s.codepen.io/bootstrapped/debug/jqWXmM

但是，如果你訪問這個它不工作（注意尾隨斜線）：

http://s.codepen.io/bootstrapped/debug/jqWXmM/

Answer 1

你可以只檢查，如果最後一個字符是一個「/」，並刪除它：

事情是這樣的：

jQuery(
var pathName = window.location.pathname; 
//check if last character is/
if (pathName[pathName.length - 1] == "/") 
{ 
    pathName = pathName.substring(0, pathName.length - 1); 
} 
'.list-group-item a[href$="' + pathName +'"]').addClass("active") 
.parents('.panel .panel-heading a').collapse('show');