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

Question

如果我有 4 个可能的 url 以如下所示结尾:

   /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

只需在 / 上拆分 url 并使用 slice 获取最后一个元素

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