jQuery - 段落をまたいでnext（）を使ってクラスを追加したり削除したりする

Question

私はドキュメントを持っていますが、そのクラスに.highlightというクラスがあります。最初に選択された項目には、現在選択されている項目を示す.currentItemもあります。ユーザーがボタンをクリックすると、次の強調表示された項目を参照できます。ここで私は動作するはずです、言うことができるように最善の、関数の：

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

    $active.removeClass('currentItem'); 
    $next.addClass('currentItem'); 
} 

$アクティブが正しく設定されている、そしてそれからのCurrentItemクラスを削除しています。しかし、次の強調表示された項目が別のdivまたは段落にあるため、$ nextは機能しません。 Here's a jsfiddle that shows the problem。次のボタンを2回クリックすると、それは最初に動作するが、2番目の動作ではないことがわかります。

ドキュメントのどこに関係なく、次の一致するハイライトに移動するにはどうすればよいですか？

Answer 1

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

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