DOMオブジェクトのループスルー配列と最初に一致するものを見つけよう

Question

私のeformの上部にナビゲーションバーがあり、次のdivと前のdiv（ページ/セクション）にスキップします。 divは、チェックボックスをオンにしない限り隠されます。ナビゲーションバーの次のボタンは、常に次の利用可能なdivに移動する必要があります。

次のコードは最初のボタンで機能しますが、これらのナビゲーションバーは各セクションの上部に表示されるので、次のセクションには同じ機能を実行する次のボタンがあります（これはうまくいかない）exlpain私がここにいるので、私が意味をなさないのであれば叫んでください。ここに私のコードです。

function showNext(){ 

    var pages = [document.getElementById("page2"),document.getElementById("page3")]; 
    var next = ["page2marker","page3marker"]; 

    for (var i=0; i<pages.length; i++){ 
     if(pages[i].style.display == "block"){ 
      window.location.hash = next[i]; 
     } 
    } 
} 

この機能をすべてのボタンで機能させるように修正できますか？私はいつも表示されている次の利用可能なdivにナビゲートすることによって？私はおそらく、トリックと情報のすべての負荷を逃したと思うが、どのようなアイデア、任意のアイデアを参照してください？

感謝

Answer 1

あなたはjQuery.next機能を使用してこれはjQueryを達成することができます - http://api.jquery.com/next/。

このようなHTMLのセットについて

：

$('.showNext').bind('click', function(e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
    window.location.hash = $(this).next('.content:visible').attr('id') + 'marker'; 
});