teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

説明の修正

2021/01/05 10:50

投稿

yayak
yayak

スコア66

title CHANGED
File without changes
body CHANGED
@@ -6,16 +6,16 @@
6
6
  このとき、チェックをクリックすると、「class="a"」の要素、もしくは「class="b"」の要素のどちらか一方のうち、クリックされた「チェック」から最も近いほうをclassを使用して取得したいです。
7
7
 
8
8
  ```ここに言語を入力
9
- <span class="a">要素A</span>
9
+ <span class="a">要素A1</span>
10
- <div class="b">要素B</div>
10
+ <div class="b">要素B1</div>
11
- <p class="c">要素C</p>
11
+ <p class="c">要素C1</p>
12
- <b class="d">要素D</b>
12
+ <b class="d">要素D1</b>
13
- <div class="check">チェック</div>※ここをクリックしたら要素Bを取得したいです。
13
+ <div class="check">チェック1</div>※チェック1をクリックしたら上の要素B1を取得したいです。
14
- <div class="b">要素B</div>
14
+ <div class="b">要素B2</div>
15
- <p class="c">要素C</p>
15
+ <p class="c">要素C2</p>
16
- <span class="a">要素A</span>
16
+ <span class="a">要素A2</span>
17
- <b class="d">要素D</b>
17
+ <b class="d">要素D2</b>
18
- <div class="check">チェック</div>※ここをクリックしたら要素Aを取得したいです。
18
+ <div class="check">チェック2</div>※チェック2をクリックしたら上の要素A2を取得したいです。
19
19
  ```
20
20
 
21
21
  prevAllを使用するのかなと思たのですが、書き方がいまいちわからず、調べても上記の方法がわからずにおります。

1

説明の修正

2021/01/05 10:50

投稿

yayak
yayak

スコア66

title CHANGED
File without changes
body CHANGED
@@ -2,23 +2,20 @@
2
2
 
3
3
  以下のように、classがa,b,c,dの要素があります。
4
4
  それらの要素は表示するたびにランダムな並び順になります。
5
- そして、最後に必ず「class="check"」の「チェック」が存在します。
5
+ そして、途中で必ず「class="check"」の「チェック」が現れます。(複数の要素→チェック→複数の要素→チェックの順で現れます)
6
- このとき、「class="a"」の要素、もしくは「class="b"」の要素のどちらか一方のうち、最も「チェック」近いほうをclassを使用して取得したいです。
6
+ このとき、チェックをクリックすると、「class="a"」の要素、もしくは「class="b"」の要素のどちらか一方のうち、クリックされた「チェック」から最も近いほうをclassを使用して取得したいです。
7
7
 
8
8
  ```ここに言語を入力
9
9
  <span class="a">要素A</span>
10
10
  <div class="b">要素B</div>
11
11
  <p class="c">要素C</p>
12
12
  <b class="d">要素D</b>
13
- <div class="check">チェック</div>
13
+ <div class="check">チェック</div>※ここをクリックしたら要素Bを取得したいです。
14
- ※この並び順なら、要素Bを取得したいです。
15
-
16
14
  <div class="b">要素B</div>
17
15
  <p class="c">要素C</p>
18
16
  <span class="a">要素A</span>
19
17
  <b class="d">要素D</b>
20
- <div class="check">チェック</div>
18
+ <div class="check">チェック</div>※ここをクリックしたら要素Aを取得したいです。
21
- ※この並び順なら、要素Aを取得したいです。
22
19
  ```
23
20
 
24
21
  prevAllを使用するのかなと思たのですが、書き方がいまいちわからず、調べても上記の方法がわからずにおります。