Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery:通过检查URL向特定html元素添加css类_Javascript_Jquery_Css - Fatal编程技术网

Javascript Jquery:通过检查URL向特定html元素添加css类

Javascript Jquery:通过检查URL向特定html元素添加css类,javascript,jquery,css,Javascript,Jquery,Css,如果我有4个可能的URL,结尾如图所示: /users/username/bad /users/username/average /users/username/good /users/username/great 是否有一种方法可以根据页面加载时URL的结尾向元素添加类 因此,当/users/username/bad加载元素div#bad时,将被赋予css类。突出显示。当/users/username/good加载元素div时,good被赋予css类。高亮显示所有4个

如果我有4个可能的URL,结尾如图所示:

   /users/username/bad
   /users/username/average
   /users/username/good
   /users/username/great
是否有一种方法可以根据页面加载时URL的结尾向元素添加类

因此,当
/users/username/bad
加载元素
div#bad
时,将被赋予css类
。突出显示
。当
/users/username/good
加载元素
div时,good
被赋予css类
。高亮显示所有4个URL,依此类推


如果可能的话,通过查询?谢谢

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

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

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