質問編集履歴

4

成形

2021/10/18 19:24

投稿

riesa
riesa

スコア9

test CHANGED
File without changes
test CHANGED
@@ -4,9 +4,9 @@
4
4
 
5
5
  JavaScriptのquerySelectorなどを使用して以下のクラス名の孫にある特定のIDの要素を取得したいのですが上手くいかず、、
6
6
 
7
-  v-list-item--active クラスの下
7
+  v-list-item--active クラスの下
8
8
 
9
-  statusというIDをもっている
9
+  statusというIDをもっている
10
10
 
11
11
  という条件で取得したいです。
12
12
 

3

説明追加

2021/10/18 19:24

投稿

riesa
riesa

スコア9

test CHANGED
File without changes
test CHANGED
@@ -3,6 +3,12 @@
3
3
 
4
4
 
5
5
  JavaScriptのquerySelectorなどを使用して以下のクラス名の孫にある特定のIDの要素を取得したいのですが上手くいかず、、
6
+
7
+  v-list-item--active クラスの下
8
+
9
+  statusというIDをもっている
10
+
11
+ という条件で取得したいです。
6
12
 
7
13
 
8
14
 

2

コードを見やすく改善

2021/10/18 19:23

投稿

riesa
riesa

スコア9

test CHANGED
File without changes
test CHANGED
@@ -26,9 +26,13 @@
26
26
 
27
27
    <i aria-hidden="true" class="v-icon notranslate mdi mdi-calendar-month theme--dark"></i>
28
28
 
29
-  </div><div data-v-7ba5bd90="" class="v-list-item__content">
29
+  </div>
30
30
 
31
+  <div data-v-7ba5bd90="" class="v-list-item__content">
32
+
31
-  <div data-v-7ba5bd90="" id="schedule" class="v-list-item__title"> スケジュール </div>
33
+   <div data-v-7ba5bd90="" id="schedule" class="v-list-item__title"> スケジュール </div>
34
+
35
+  </div>
32
36
 
33
37
  </div>
34
38
 

1

書式変更

2021/10/18 19:21

投稿

riesa
riesa

スコア9

test CHANGED
File without changes
test CHANGED
@@ -20,7 +20,17 @@
20
20
 
21
21
  ```HTML
22
22
 
23
- <div tabindex="0" aria-expanded="true" role="button" class="v-list-group__header v-list-item v-list-item--active v-list-item--link theme--dark"><div class="v-list-item__icon v-list-group__header__prepend-icon"><i aria-hidden="true" class="v-icon notranslate mdi mdi-calendar-month theme--dark"></i></div><div data-v-7ba5bd90="" class="v-list-item__content"><div data-v-7ba5bd90="" id="schedule" class="v-list-item__title"> スケジュール </div></div><div class="v-list-item__icon v-list-group__header__append-icon"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-down theme--dark"></i></div></div>
23
+ <div tabindex="0"aria-expanded="true" role="button" class="v-list-group__header v-list-item v-list-item--active v-list-item--link theme--dark">
24
+
25
+  <div class="v-list-item__icon v-list-group__header__prepend-icon">
26
+
27
+   <i aria-hidden="true" class="v-icon notranslate mdi mdi-calendar-month theme--dark"></i>
28
+
29
+  </div><div data-v-7ba5bd90="" class="v-list-item__content">
30
+
31
+  <div data-v-7ba5bd90="" id="schedule" class="v-list-item__title"> スケジュール </div>
32
+
33
+ </div>
24
34
 
25
35
  ```
26
36