抓取URL段的值并相应更新一个类？

Question

我正在jQuery中构建一个多步骤表单，根据当前显示的表单段更新URL。

例如：

• index.php＃form = step1
• index.php＃form = step2
• 的index.php＃形式=第3步

我还构建了一个面包屑菜单，链接到这些段中的每一个但我需要以某种方式向当前显示的痕迹导航项添加“活动”类。不知道我应该怎么做但我想可能找出#form的值是什么，如果该值与breadcrumb项的id匹配，那么将其类更新为active？

例如：

if form = step1 
breadcrumbItem addClass "active"

if form = step2 
breadcrumbItem addClass "active"

etc

Answer 1

我建议使用：

var url = document.location.href;
var step;
if (url.indexOf('=') > -1){
    step = url.split('=')[1];
}

document.getElementById(step).className = 'active';

JS Fiddle demonstration of concept

以上假设面包屑项目包含id，例如step1，step2等。

演示中的

，我明确地将一个字符串赋给变量url，这是因为JS Fiddle的工作方式。在您的页面使用中，如上面的代码var url = document.location.href。