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的例子，我相信它可以实现你想要的。

<强> 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

如何使用jquery大于选择器与当前导航

2 个答案: