回答編集履歴

1

コード修正

2017/12/20 07:45

投稿

退会済みユーザー
test CHANGED
@@ -1,4 +1,4 @@
1
- 一応参考までにJqueryで書いたやつも載せておきます。行をクリックするとその行の色が変わります。
1
+ 一応参考までにJqueryで書いたものを載せておきます。
2
2
 
3
3
 
4
4
 
@@ -22,9 +22,13 @@
22
22
 
23
23
  <tr>
24
24
 
25
- <td>りんご</td>
25
+ <td class="choice">りんご</td>
26
26
 
27
+ <td class="choice">ばなな</td>
28
+
27
- <td>ばなな</td>
29
+ <td>カレー</td>
30
+
31
+ <td>ラーメン</td>
28
32
 
29
33
  </tr>
30
34
 
@@ -32,7 +36,11 @@
32
36
 
33
37
  <tr>
34
38
 
39
+ <td>りんご</td>
40
+
41
+ <td>ばなな</td>
42
+
35
- <td>カレー</td>
43
+ <td>カレー</td>
36
44
 
37
45
  <td>ラーメン</td>
38
46
 
@@ -46,7 +54,7 @@
46
54
 
47
55
  $("#test tr").click(function(){
48
56
 
49
- $(this).css('background-color','red');
57
+ $(".choice",this).css('background-color','red');
50
58
 
51
59
  });
52
60
 
@@ -57,3 +65,7 @@
57
65
  </html>
58
66
 
59
67
  ```
68
+
69
+ 【追記】
70
+
71
+ あらかじめ色を変えたい部分が決まっているのなら、classを書いておいてそれを指定してあげればよいです。