在swiper js中更改幻灯片时隐藏元素

在 Swiper.js 中更改幻灯片时隐藏元素可以通过以下步骤实现：

1. 首先，确保你已经引入了 Swiper.js 的库文件，并在页面中创建了一个 Swiper 实例。
2. 在需要隐藏的元素上添加一个特定的类名或 ID，以便在切换幻灯片时能够找到它。
3. 在 Swiper 实例的初始化配置中，使用 on 方法监听 slideChange 事件。这个事件会在幻灯片切换时触发。
4. 在 slideChange 事件的回调函数中，使用 JavaScript 或 jQuery 等方法选择需要隐藏的元素，并设置其样式属性 display 为 none，或者添加一个类名来隐藏它。

以下是一个示例代码：

// 创建 Swiper 实例
var swiper = new Swiper('.swiper-container', {
  // Swiper 配置项
  // ...
  
  // 监听 slideChange 事件
  on: {
    slideChange: function () {
      // 在幻灯片切换时隐藏元素
      var elementToHide = document.getElementById('elementId'); // 或者使用其他选择器方法选择元素
      elementToHide.style.display = 'none'; // 或者添加一个类名来隐藏元素
    }
  }
});

在上述代码中，你需要将 'elementId' 替换为你需要隐藏的元素的 ID 或类名。

这样，当幻灯片切换时，指定的元素将会被隐藏。你可以根据需要自定义其他样式或动画效果来隐藏元素。