jquery - 同じクラスのすべてのdivからjqueryを使用してページネーションを作成する方法は?

Question

ページに 100 レコード (行)のオブジェクト結果が出力されました。

しかし、それは多すぎるので、結果を 20 行 (結果) に対して 5 ページなどに切り刻みたいと思います。

jqueryまたは単純なjqueryプラグインのみを使用してページネーション付きのページを作成するにはどうすればよいですか?

たとえば、クラスですべてを取得し、cars-result20 の結果に対して 5 ページを作成したいとします。

<div id="main">

    <div class="cars-result">
          <h3>Result 1</h3>
          <div>Category: Dog</div>
          <p>dfasdf asdf asf asdf asdf asfd </p>
    </div>

    <div class="cars-result">
          <h3>Result 2</h3>
          <div>Category: Cat</div>
          <p>dfasdf asdf asf asdf asdf asfd </p>
    </div>

    <div class="cars-result">
          <h3>Result 3</h3>
          <div>Category: Dog</div>
          <p>dfasdf asdf asf asdf asdf asfd </p>
    </div>

    <div class="cars-result">
          <h3>Result 4/h3>
          <div>Category: Dog</div>
          <p>dfasdf asdf asf asdf asdf asfd </p>
    </div>

    ...


</div>