同辈元素点击添加移除边框

需求:点击一个盒子,添加红色边框,同时删除其余同名盒子的边框

方法一:

var indexNum = null;
$('body').on('click', '.content-box', function () {
    if (!indexNum) {
        $(this).css("border", "1px solid red");          
    } else {
        if (indexNum != this) {
            $(this).css("border", "1px solid red");
            $(indexNum).css("border", "none");
        } else { return;}
    }
    indexNum = this;
})

方法二

$('body').on('click', '.content-box', function () {
   
    $('.content-box').not($(this)).removeClass('Acitve');

    // 也可以写为$('.content-box').removeClass('Acitve'),第一行相对来说较优雅

    $(this).addClass('Acitve');
})

.Acitve{
    border:1px solid red;
}

我叫洱月,我愿意陪你到洱海风花雪月,你,看到我了吗?

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • ——「沧海一粟」 退房的那个早晨,小黑跑上楼站在我们门口,我找出剩下的一根鸡肉肠,c喂它吃得津津有味,却也...
    cm丶厘米阅读 524评论 0 2
  • 获取元素两次点击的时间差 判断两次点击时间差 我叫洱月,我愿意陪你到洱海风花雪月,你,看到我了吗?
    洱月阅读 1,265评论 0 3
  • 新年快乐 外面的鞭炮声噼里啪啦响个不停,震得周访太阳穴一阵乱跳,他曲起指节在太阳穴上用力揉了揉,却仍不见好转。风从...
    秦捉月阅读 947评论 1 2
  • 再看一眼你的照片,或许跟梦里面不一样,但是我能确定那是你;在吵闹的英语课上,你坐在我的邻座,黑眼眶老师的伯明翰式发...
    Ianvono阅读 344评论 0 0
  • 前言: 最近针对新开发的一款app进行了埋点测试。在这个过程中想总结自己对于埋点测试的学习与理解。 正文: 一、概...
    心如简_cc99阅读 48,120评论 4 41

友情链接更多精彩内容