javascript - 从网址(分别)获取ID号，并使用它来选择具有该ID号的ID(使用jquery)

我正在一个网站上工作，在该网站上我对代码没有任何控制（功能方面。但是，即使我可以访问，但由于我是前端设计人员而不是编码人员，所以无法进行任何更改。.lol） 。我唯一可以做的更改是CSS，js。

我想做的是：

我在页面上得到了这样的网址：


  www.test.com/#box1#box3#box5


（我不确定我是否可以连续拥有多个ID。请提出建议。但是，这就是开发人员的操作方式，我不介意，因为还没有问题）

页面html

<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>
<div id="box4"></div>
<div id="box5"></div>

我想从URl中获取不同的ID，并将其用于隐藏具有该ID的div（通过添加类名“ highlight”）

结果应该是这样的：

<div id="box1 highlight"></div>
<div id="box2"></div>
<div id="box3 highlight"></div>
<div id="box4"></div>
<div id="box5 highlight"></div>

我想学习仅从网址中获取ID号并使用它来选择带有该编号的div的聪明方法。

只是一个简单的解释：

var GetID = (get the id from the URL)

$('#box' + GetID).addClass('highlight');

最佳答案

尝试这个...

var hashes =location.hash.split('#');
 hashes.reverse().pop();
 $.each(hashes , function (i, id) {
    $('#'+id).addClass('highlight');
   });

Working fiddle here