将类添加到点击的div中,可以使用JavaScript来实现。具体的步骤如下:
<div id="div1" onclick="addClassToDiv(this)">Div 1</div>
<div id="div2" onclick="addClassToDiv(this)">Div 2</div>
<div id="div3" onclick="addClassToDiv(this)">Div 3</div>
function addClassToDiv(element) {
// 给点击的div添加类
element.classList.add("your-class");
// 执行其他操作,如移除其他div的相同类
var divList = document.querySelectorAll(".your-class");
for (var i = 0; i < divList.length; i++) {
if (divList[i] !== element) {
divList[i].classList.remove("your-class");
}
}
}
.your-class {
// 样式定义
}
这样,当点击一个div时,该div会被添加上your-class类,并且移除其他div上的your-class类。这样就实现了将类添加到点击的div中,并确保多个div具有相同的类。
领取专属 10元无门槛券
手把手带您无忧上云