jquery - 如何在当前导航中使用大于选择器的jquery

Question

如果选择了，我有一个将当前类添加到 li 的导航。我也在使用这个插件（http://trevordavis.net/blog/jquery-one-page-navigation-plugin ）。

当上面有一个.current类时，<li>它会改变颜色，我想让所有<li>大于当前的类也改变颜色。

我猜我将不得不找出是否<li>有.current类，如果有的话，将.current类添加到所有<li>大于那个的类中？

代码示例与上面插件中的示例相同（http://jsfiddle.net/A5VTX/）

Answer 1

这是一个使用 jQuery 的示例，我相信它可以实现您想要的。

http://codepen.io/anon/pen/whAIL

JS

$(function() {
  var active = $('li.active'),
      items = $('li.item'),
      beginSlice = items.index(active);

  var selection = items.slice(beginSlice);
  selection.css('color', 'red');  
});

Answer 2

我相信这就是您正在寻找的：

$("li.current").nextUntil("ul").css("color", "[whatever]");

如果您指的是“大于”是所有以前的项目，只需将代码更改为：

$("li.current").prevUntil("ul").css("color", "[whatever");

这些解决方案假定您尚未定义 CSS 类。那将是首选，代码将是：

$("li.current").nextUntil("ul").addClass("[whatever]"); // or use .prevUntil