bootstrap-pagination插件 修改当前页

Bootstrap Pagination是一个用于分页显示的插件，它通常配合Bootstrap框架一起使用。如果你想在JavaScript中修改Bootstrap Pagination的当前页数，你可以通过以下几个步骤：

1. 首先，确保你已经包含了Bootstrap的JavaScript文件以及Pagination相关的库。

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css">

2. 然后，在HTML中添加Pagination组件，并给需要控制页码的部分绑定一个ID，比如`data-bs-page`.

<nav aria-label="Page navigation example">
  <ul class="pagination">
    <li><a href="#" aria-controls="nav-pagination" data-bs-page="1">1</a></li>
    <!-- 更多页面链接... -->
    <li class="disabled"><span>...</span></li>
    <li class="active"><a href="#" aria-current="page" data-bs-page="6">6</a></li>
    <!-- 更多页面链接... -->
  </ul>
</nav>

3. 使用JavaScript，比如jQuery，获取到这个元素并更新其页码。

$(document).ready(function() {
  // 获取当前页码元素
  var currentPage = $('#nav-pagination').find('[aria-current="page"]');
  
  function changePage(newPage) {
    currentPage.attr('href', '#' + newPage);
    currentPage.text(newPage); // 如果你想改变文字显示的页码，可以这样操作
    // 可能还需要触发一个事件，告诉插件更新状态，例如：
    $('.pagination a').on('click', function(e) {
      e.preventDefault();
      changePage($(this).attr('data-bs-page'));
    });
  }

  // 修改当前页为新的页码
  changePage(4); // 示例：将当前页改为第4页
});