Jquery：通过检查URL将css类添加到特定的html元素

Question

如果我有4个可能的网址结尾如下所示：

   /users/username/bad
   /users/username/average
   /users/username/good
   /users/username/great

是否有办法在页面加载时根据URL的结尾向元素添加类？

因此，当/users/username/bad加载元素div#bad时，会给出css类.highlight。当/users/username/good加载时，元素div#good会被赋予css类.highlight，依此类推所有4个网址。

如果这可以通过查询？谢谢

Answer 1

只需将/上的网址拆分，然后使用slice

获取最后一个元素

$(function(){
   $('div#' + location.pathname.split('/').slice(-1)).addClass('highlight'); 
});

Answer 2

是

var token3 = window.location.pathname.split('/')[3];
$('div#'+token3).addClass('highlight');