javascript - 次/前のチェックボックスにスクロール

Question

アプリケーションにマーカー/アンカーポイント システムを実装しています。ソケットプログラミングを使用して、サーバーから定期的に大量のデータを取得しています。

ここでデモをフィドルで作成しました。私が苦労しているのは、次または前にヒットしたときにテキスト検索が一致するようにスクロールするのと同じ方法で、チェックされたすべてのチェックボックスにスクロールしたいということです。ユーザーが「次へ」ボタンをクリックすると、次のチェックボックスに移動する必要があります。同様に、ユーザーが「前へ」ボタンを押すと、前に戻ります。

これが私のフィドルです：http://jsfiddle.net/naveennsit/TnTj9/7/

HTML:

<div>
    <button id="next">next</button>
    <button id="previous">previous</button>
</div>
<div id="left">
    <div class='cb'>
        <input type="checkbox" />
    </div>
</div>
<div id="realTimeContents" class="left realtimeContend_h"><!-- this gets populated --></div>

JS:

$(function () {
    var h = -1;
    setInterval(function () {
        var newHeight = $('#realTimeContents').append("Hiiiii. is div").height();
        if (h == -1) h = newHeight;
        if (h != newHeight) {
            //    alert(newHeight);
            h = newHeight;
            $("#left").append("<div class='cb'><input type=\"checkbox\" /></div>");
        }
    }, 1000);
});

チェックボックスの検索/スクロールは実際には進歩していませんが、次のようなものを使用できると思います。

 scrollTop: $('.match').eq(searchIndex).get(0).offsetTop