jQuery——在段落间使用next()添加和删除类

Question

我有一个文档，里面有各种跨度，上面有。highlight这个类。第一个选中的项上也有. currentitem，表明它是当前选中的项。我希望能够浏览到下一个突出显示的项目时，用户单击一个按钮。下面的函数，据我所知，应该可以工作:

function goNextHighlight() {
    var $active = $('.currentItem');
    var $next = $('.currentItem').next('.highlight');
    $active.removeClass('currentItem');
    $next.addClass('currentItem');
}

$active被正确设置，并且它正在从中移除currentItem类。但是，$next通常不起作用，因为下一个突出显示的项在另一个div或段落中。这是一个显示问题的图表。如果你点击下一个按钮两次，你会看到它第一次工作，但不是第二次。

我如何使这个工作，使它会去下一个匹配。highlight，而不管它在文档中的位置?

Answer 1

var $next = $('.highlight').eq($active.index('.highlight')+1);

示例:http://jsfiddle.net/Paulpro/qjsjt/1/