jquery 点击事件点击元素添加和移除class

怎么实现点击一个元素给它添加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");});});