回答編集履歴

4

typo

2021/02/08 05:15

投稿

int32_t
int32_t

スコア21679

test CHANGED
@@ -14,4 +14,4 @@
14
14
 
15
15
 
16
16
 
17
- 関数 `displayErrorMessage()` で `display-none` クラスを外していますから、表示したエラーメッセージ要素は `$('.display-none')` にマッチしません。他の方法で要素を選択する必要があります。たとえば `$('p.danger-text')` とか。
17
+ 関数 `displayErrorMessage()` で `display-none` クラスを外していますから、表示したエラーメッセージ要素は `$('.display-none')` にマッチしません。他の方法で要素を選択する必要があります。たとえば `$('p.text-danger')` とか。

3

typo

2021/02/08 05:15

投稿

int32_t
int32_t

スコア21679

test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
 
12
12
 
13
- ■ `$('.display-none`')` では選択できない
13
+ ■ `$('.display-none')` では選択できない
14
14
 
15
15
 
16
16
 

2

セレクタがまずい点を追記

2021/02/08 03:48

投稿

int32_t
int32_t

スコア21679

test CHANGED
@@ -1,5 +1,17 @@
1
+ ■ `hide()` だと不整合
2
+
3
+
4
+
1
5
  jQuery の `hide()` は、指定した要素に「`style="display: none"`」を足します。これは他のスタイルシートより優先度が高いので、`show()` で戻すか`style`属性を変更しない限り表示されなくなります。
2
6
 
3
7
 
4
8
 
5
9
  関数 `displayErrorMessage()` と整合性を取るなら、`hide()` の代わりに `addClass('display-none')` とします。
10
+
11
+
12
+
13
+ ■ `$('.display-none`')` では選択できない
14
+
15
+
16
+
17
+ 関数 `displayErrorMessage()` で `display-none` クラスを外していますから、表示したエラーメッセージ要素は `$('.display-none')` にマッチしません。他の方法で要素を選択する必要があります。たとえば `$('p.danger-text')` とか。

1

nit

2021/02/08 03:33

投稿

int32_t
int32_t

スコア21679

test CHANGED
@@ -1,4 +1,4 @@
1
- jQuery の `hide()` は、指定した要素に「`style="display: none"`」を足します。これはスタイルシートより優先度が高いので、`show()` で戻すか`style`属性を変更しない限り表示されなくなります。
1
+ jQuery の `hide()` は、指定した要素に「`style="display: none"`」を足します。これは他のスタイルシートより優先度が高いので、`show()` で戻すか`style`属性を変更しない限り表示されなくなります。
2
2
 
3
3
 
4
4