Jquery 在div上的ajax列表之后创建分页next和prev按钮

我从codeigniter控制器获取数据，如下所示

[
  {
    id,
    title,
    description,
    .....,
    .....
  },
  {...}, {....}
]

我有一个ajax代码

$.ajax({
    type: 'ajax',
    url: 'search/get_search',
    method: 'post',
    data: {data: valSearch},
    async: false,
    dataType: 'json',
    success: function(data){ },
    error: function(){}
});

并在此处列出对HTML代码的解析

<div id="card-row-1">
    <!-- parsing by ajax -->
</div>

如何使用此html的jQuery代码使用限制按钮next和prev列出

 <div class="page-info">
   <span id="currentPage">0</span>
   <span>-</span>
   <span id="itemPage">0</span>
   <span>of</span>
   <span id="total-result">0</span>
 </div>
 <button type="button" id="prevBtn" class="btn btn-tranparent" aria-label="previous page" data-index="prev">
    <i class="icon dripicons-chevron-left"></i>
 </button>
 <button type="button" id="nextBtn" class="btn btn-tranparent" aria-label="next page" data-index="next">
    <i class="icon dripicons-chevron-right"></i>
 </button>

0
-
0
属于
0