HOWTO面包/进度表栏

Question

我的目标是有类似这样的

这是一个可点击的进度表排序的面包屑......

这里开始：http://jsfiddle.net/3z7Lsbdd/3/

每li a有一个data-index。

我要的是，当我点击一个链接，已data-index <= clicked index变成红色的所有li（添加类survey selected）

$(".surveybreadcrumbs li a").click(function() { 
     ???? 
     } 
     ) 

任何帮助是值得欢迎的。

Answer 1

应该是这样的：

$(".surveybreadcrumbs li a").click(function() { 
    var clickindex = $(this).data('index'); 
    $(".surveybreadcrumbs li a").each(function (i, val) { 
      if ($(this).data('index') <= clickindex) 
       $(this).addClass("surveyselected"); 
      else 
       $(this).removeClass("surveyselected"); 
    }); 
}); 

更新小提琴：http://jsfiddle.net/3z7Lsbdd/4/