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

回答編集履歴

2

書式の改善

2020/02/02 04:04

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -15,10 +15,10 @@
15
15
  >
16
16
  > 何が原因と考えられるでしょうか?
17
17
 
18
- #ex にスタイルを設定しているのに、p:even のスタイルを取り除いても無意味。
18
+ `#ex` にスタイルを設定しているのに、`p:even` のスタイルを取り除いても無意味。
19
19
  また、jQueryは存在しない要素にスタイルを設定できないので、要素を追加後にスタイルを設定する必要があります。
20
20
 
21
- jQueryでしなければならない理由があるなら、下記のこようなコードになります。
21
+ jQueryでしなければならない的な理由があるなら(想像はつきませんが)、下記のこようなコードになります。
22
22
 
23
23
  ```js
24
24
  $("#ex").append("<p>1行目</p>");

1

説明追記

2020/02/02 04:03

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -5,4 +5,24 @@
5
5
  background-color:#0f0;
6
6
  color:#000;
7
7
  }
8
+ ```
9
+
10
+ ---
11
+ > 以下のコードを試しました。
12
+ >
13
+ > $('p:even').removeClass('background-color');
14
+ > $('p:even').removeAttr("style");
15
+ >
16
+ > 何が原因と考えられるでしょうか?
17
+
18
+ #ex にスタイルを設定しているのに、p:even のスタイルを取り除いても無意味。
19
+ また、jQueryは存在しない要素にスタイルを設定できないので、要素を追加後にスタイルを設定する必要があります。
20
+
21
+ jQueryでしなければならない理由があるなら、下記のこようなコードになります。
22
+
23
+ ```js
24
+ $("#ex").append("<p>1行目</p>");
25
+ $("#ex").append("<p>2行目</p>");
26
+ $("#ex").append("<p>3行目</p>");
27
+ $('#ex p:odd').css({'background-color':'#0f0', 'color':'#000'});
8
28
  ```