js中实现点击一个元素加边框,点击另一个元素去掉前一个元素边框,当前元素加边框？_IT百科

使用：.addClass('active').siblings().removeClass('active')；即可

解释：给当前选中的增加边框.addClass('active')

给原先选中的取消边框.siblings().removeClass('active')

详细如下：

.clr:after{clear:bothdisplay:blockoverflow:hiddenheight:0content:"."}

.clr{zoom:1}

.price{width:100%}

.price a{width:100pxheight:40pxline-height:40pxtext-align:centerbackground:#eeefloat:leftmargin:0 5pxdisplay:blockcursor:pointer}

.price a.active{border:1px solid red}

</style>

</div>

$(function(){

$('.price a').click(function(){

$(this).addClass('active').siblings().removeClass('active')

})

</script>

效果如下：

<!DOCTYPE html>

<head>

<title>Title</title>

function set() {

var a = document.getElementById("sss")

var d = document.createElement("br")

var c =a.cloneNode(false)

c.setAttribute("type","text")

var b = document.getElementById("body")

b.appendChild(d)

b.appendChild(c)

}

window.onload=function () {

document.getElementById("aaa").onclick=set

}

</script>

</head>

</body>

</html

欢迎分享，转载请注明来源：内存溢出

js中实现点击一个元素加边框,点击另一个元素去掉前一个元素边框,当前元素加边框？