同辈元素点击添加移除边框
2017-07-19 本文已影响0人
洱月
需求:点击一个盒子,添加红色边框,同时删除其余同名盒子的边框
方法一:
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;
}
我叫洱月,我愿意陪你到洱海风花雪月,你,看到我了吗?