给当前元素添加class,移除兄弟元素的class

本文介绍了一种在点击事件中实现元素样式切换并更新数据字段的方法。通过使用jQuery的addClass和removeClass方法,可以轻松地为选中的元素添加特定样式,并从其他元素中移除该样式。同时,通过事件委托和数据属性,可以有效地更新当前下拉框所关联的数据字段,确保UI状态与数据状态的一致性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

需求:经常会遇到一种情况,选中某个元素,要求添加单独的样式,这时候我们一般用addClass('active'),同时要移除上一个添加active类的元素的active样式

{
    event:'click',
    selector:'li',
    callback:function (e) {
        //添加单独的样式
        $(e).siblings().removeClass('bgColor');
        $(e).addClass('bgColor');
        //当前下拉框所属字段
        this.data.supportAllData.currentField = $(e).parents('.person-select-box').attr('data-id');
        //选中的数据的格式
        this.data.supportAllData.choose={
            value:$(e).attr('data-value'), 
            name:$(e).attr('title'),
            py:$(e).attr('data-py')||[]
          };
        this.el.find('.person-select-box').attr('data-value',$(e.currentTarget).innerText);
    }
},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值