js 控制多个组件只显示一个active的简单写法

js 控制多个组件只显示一个active的简单写法

  <ul class="slider">
    <li class="active"></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>

 // 删除之前的active
   document.querySelector('.slider .active').classList.remove('active')
  // 让当前的li active
   document.querySelector(`.slider li:nth-child(${i+1})`).classList.add('active')