回答編集履歴
1
補足
answer
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
eq()を使えばできそうですね、
|
|
2
|
-
- $(function(){}で囲まないと、DOMの読み込みが終わる前に実行されてしまいます。
|
|
3
2
|
- :nth-child()は、クラスで絞る前の要素数なので、:nth-child(1)はclassがbの最初の要素になってしまうようです。
|
|
4
3
|
参考：[【CSS】nth-childとnth-of-typeでもう混乱しない。](http://qiita.com/shunsuke227ono/items/6c9916f80d82b73a7025)
|
|
5
4
|
※ただしこの場合、同じdivだから:nth-of-type()も使えないみたいです。なのでeq()を使えばいいみたいです。
|
|
@@ -29,9 +28,7 @@
|
|
|
29
28
|
<div class="a"></div>
|
|
30
29
|
<div class="a"></div>
|
|
31
30
|
<script>
|
|
32
|
-
$(function(){
|
|
33
|
-
|
|
31
|
+
$(".a:eq(0)").css("background","red");
|
|
34
|
-
});
|
|
35
32
|
</script>
|
|
36
33
|
</body>
|
|
37
34
|
```
|