質問編集履歴
1
クラス名のbuttonを、movie-buttonに修正しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
### 実現したいこと
|
|
2
|
-
<div class="button">をクリックしたら、すべての<div class="slider-item">に別のクラス名（.click）を付与したい。
|
|
2
|
+
<div class="movie-button">をクリックしたら、すべての<div class="slider-item">に別のクラス名（.click）を付与したい。
|
|
3
3
|
|
|
4
4
|
### 発生している問題・分からないこと
|
|
5
|
-
<div class="button">をクリックしたら全ての<div class="slider-item">に別のクラス名「.click」を付与するJavascriptを書きたいのですが、書き方に苦戦しております。
|
|
5
|
+
<div class="movie-button">をクリックしたら全ての<div class="slider-item">に別のクラス名「.click」を付与するJavascriptを書きたいのですが、書き方に苦戦しております。
|
|
6
6
|
|
|
7
7
|
記載のJavascriptだと、3つの<div class="slider-item">のうち一番上のみクラス名（.click）が付与されます。全ての<div class="slider-item">にクラス名（.click）を付与したい場合、どう書けばよろしいでしょうか。
|
|
8
8
|
|
|
@@ -13,16 +13,16 @@
|
|
|
13
13
|
### 該当のソースコード
|
|
14
14
|
|
|
15
15
|
```HTML
|
|
16
|
-
<div id="button">
|
|
16
|
+
<div id="movie-button">
|
|
17
|
-
|
|
17
|
+
<div class="movie-button">
|
|
18
|
-
|
|
18
|
+
<span class="movie-button-pause"><img src="img/button_2.png" loading="lazy"></span>
|
|
19
|
-
<span class="movie-button-play"><img src="img/button_1.png" loading="lazy"></span>
|
|
19
|
+
<span class="movie-button-play"><img src="img/button_1.png" loading="lazy"></span>
|
|
20
|
-
|
|
20
|
+
</div>
|
|
21
21
|
</div>
|
|
22
22
|
<div class="slider">
|
|
23
|
-
|
|
23
|
+
<div class="slider-item"></div>
|
|
24
|
-
<div class="slider-item"></div>
|
|
24
|
+
<div class="slider-item"></div>
|
|
25
|
-
<div class="slider-item"></div>
|
|
25
|
+
<div class="slider-item"></div>
|
|
26
26
|
</div>
|
|
27
27
|
|
|
28
28
|
```
|