要实现点击两个 span 中的一个时,给被点击的 span 添加 "on" 类,同时从另一个 span 移除 "on" 类,可以使用以下 jQuery 代码:
HTML 结构示例
<div class="container">
<span class="option">选项1</span>
<span class="option">选项2</span>
</div>
关键点说明
$(this) - 指代当前被点击的 span 元素
.siblings('.option') - 选择同一容器内的其他 span 元素
.addClass('on') - 添加 on 类
.removeClass('on') - 移除 on 类
方法链式调用可以简化代码
这种方...