javascript - 选择一个标签,给选中的标签添加类样式,给同辈元素删除类样式

Question

单击一个标签,给他添加类样式,同时删除同辈元素类样式。 //单击事件,$(".user-menu li a").click(function(){ {代码...} }); //标签,li标签里面有个a标签,初始只有收藏车辆有样式,,不知道为什么显示不出来&lt;ul ...

PHP中文网 · Answer

$(".user-menu li a").click(function(){

//先全部干掉
$(".user-menu li a").removeClass("active");    
//再给this加上
$(this).addClass("active");

});
我一般是这么用的，同求更好方案；
补充：你的选择器选到的是li标签内部的a标签，然后找a标签的同辈元素，是找不到其他li标签下的a标签的。

曾经蜡笔没有小新 · Answer

先遍历所有元素，然后给当前的加样式，其他的移除这个样式

大家讲道理 · Answer

我的方案：

$('.user-menu li a').on('click.app', function(){
    // 自身加属性 - 同辈移属性
    $(this).addClass('active')
        .parent() // 退回到父级 li
        .siblings()
        .removeClass('active');
});