回答編集履歴
2
調整
test
CHANGED
@@ -11,7 +11,7 @@
|
|
11
11
|
document.addEventListener('click',e=>{
|
12
12
|
const t=e.target;
|
13
13
|
if(t.matches('.col-sm-4 > a')){
|
14
|
-
t.closest('.row').querySelector
|
14
|
+
t.closest('.row').querySelector('.col-sm-4 > a.active')?.classList.remove('active');
|
15
15
|
t.classList.add('active');
|
16
16
|
}
|
17
17
|
});
|
@@ -28,3 +28,13 @@
|
|
28
28
|
</div>
|
29
29
|
</div>
|
30
30
|
```
|
31
|
+
|
32
|
+
# 一度付けた背景をけさない
|
33
|
+
```javascript
|
34
|
+
document.addEventListener('click',e=>{
|
35
|
+
const t=e.target;
|
36
|
+
if(t.matches('.col-sm-4 > a')){
|
37
|
+
t.classList.add('active');
|
38
|
+
}
|
39
|
+
});
|
40
|
+
```
|
1
ちょうせい
test
CHANGED
@@ -11,7 +11,6 @@
|
|
11
11
|
document.addEventListener('click',e=>{
|
12
12
|
const t=e.target;
|
13
13
|
if(t.matches('.col-sm-4 > a')){
|
14
|
-
console.log(1);
|
15
14
|
t.closest('.row').querySelectorAll('.col-sm-4 > a').forEach(x=>x.classList.remove('active'));
|
16
15
|
t.classList.add('active');
|
17
16
|
}
|