回答編集履歴
2
書式の改善
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
説明追記
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
|
```
|