Jquery實現點選一個元素給它新增class，再點選一個元素移除上一個元素的class，再給現在點選的元素新增class。

<div class="swiper-wrapper">     
      <div class="swiper-slide red-slide active">
        <p>熱門</p>
      </div>
      <div class="swiper-slide red-slide ">
        <p>這裡可以自</p>
      </div>
     <div class="swiper-slide red-slide ">
        <p>這裡可以自</p>
      </div>
</div>

$(function(){
    $(".swiper-wrapper div").click(function(){
        $(this).addClass("active");
        $(this).siblings().removeClass("active");
    });
});