質問編集履歴
4
質問の補足
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -91,3 +91,7 @@
|
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
```
|
|
94
|
+
|
|
95
|
+
追記
|
|
96
|
+
|
|
97
|
+
[違う方法でのアプローチ](https://codepen.io/nanase/pen/abzvXNa)
|
3
質問の補足
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
javascript: クリックした時のpタグの
|
|
1
|
+
javascript: クリックした時のpタグの背景の色が変わるようにしたい
|
test
CHANGED
|
@@ -65,3 +65,29 @@
|
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
```
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
追記
|
|
72
|
+
|
|
73
|
+
cssを以下のようにしました。
|
|
74
|
+
|
|
75
|
+
これで、デフォルトでtabindex="1"に背景色が付くようになったのすが他の要素をクリックしてもデフォルトのままで残ってしまいます。
|
|
76
|
+
|
|
77
|
+
[動くサンプル](https://codepen.io/nanase/pen/VwYvgYR?&editable=true)
|
|
78
|
+
|
|
79
|
+
```css
|
|
80
|
+
|
|
81
|
+
.hoge[tabindex="1"]{
|
|
82
|
+
|
|
83
|
+
background-color:red;
|
|
84
|
+
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.hoge:focus {
|
|
88
|
+
|
|
89
|
+
background-color:red;
|
|
90
|
+
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
```
|
2
質問の補足
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -18,7 +18,9 @@
|
|
|
18
18
|
|
|
19
19
|
<div class="hoge" tabindex="1">
|
|
20
20
|
|
|
21
|
-
<p>Section 1</p>
|
|
21
|
+
<p class="item-name">Section 1</p>
|
|
22
|
+
|
|
23
|
+
<p class="description">description 1</p>
|
|
22
24
|
|
|
23
25
|
</div>
|
|
24
26
|
|
|
@@ -26,7 +28,9 @@
|
|
|
26
28
|
|
|
27
29
|
<div class="hoge" tabindex="2">
|
|
28
30
|
|
|
29
|
-
<p>Section 2</p>
|
|
31
|
+
<p class="item-name">Section 2</p>
|
|
32
|
+
|
|
33
|
+
<p class="description">description 2</p>
|
|
30
34
|
|
|
31
35
|
</div>
|
|
32
36
|
|
|
@@ -34,9 +38,19 @@
|
|
|
34
38
|
|
|
35
39
|
<div class="hoge" tabindex="3">
|
|
36
40
|
|
|
37
|
-
<p>Section 3</p>
|
|
41
|
+
<p class="item-name">Section 3</p>
|
|
42
|
+
|
|
43
|
+
<p class="description">description 3</p>
|
|
38
44
|
|
|
39
45
|
</div>
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
<!-- 要素がクリックされた時に、下記のinputのvalueに反映させたい -->
|
|
50
|
+
|
|
51
|
+
<input type="text" value="Section 1" id="input-item">
|
|
52
|
+
|
|
53
|
+
<input type="text" value="description 1" id="input-description">
|
|
40
54
|
|
|
41
55
|
```
|
|
42
56
|
|
1
質問の補足
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
#実現したいこと
|
|
2
2
|
|
|
3
3
|
デフォルトで``tabindex=1``に背景色がかかるようにし、他の要素をクリックした時に背景色が変わるのと、その中のPタグの要素を抜き出す方法を知りたい
|
|
4
|
+
|
|
5
|
+
**補足**
|
|
6
|
+
|
|
7
|
+
divの要素は、保存されたデータの数の分だけ描画されるので事前に、idなどを不要することができません。
|
|
4
8
|
|
|
5
9
|
|
|
6
10
|
|