回答編集履歴

1

追記

2017/08/03 00:43

投稿

yambejp
yambejp

スコア114876

test CHANGED
@@ -23,3 +23,109 @@
23
23
 
24
24
 
25
25
  ```
26
+
27
+
28
+
29
+ # 追記
30
+
31
+ jQueryならeachでよかったかもしれませんね
32
+
33
+ ```javascript
34
+
35
+ $(function(){
36
+
37
+ $.each({"小":"small","中":"middle","大":"big"},function(i,j){
38
+
39
+ $('tr').has($('td').filter(function(){return $(this).html()==i})).addClass(j);
40
+
41
+ });
42
+
43
+ });
44
+
45
+ ```
46
+
47
+
48
+
49
+ # 参考
50
+
51
+ ```CSS
52
+
53
+ .small{color:aqua;}
54
+
55
+ .middle{background-color:yellow;}
56
+
57
+ .big{font-size:1.5em;}
58
+
59
+ ```
60
+
61
+ ```HTML
62
+
63
+ <table>
64
+
65
+ <tbody>
66
+
67
+ <tr>
68
+
69
+ <th>果物の名前</th>
70
+
71
+ <th>サイズ</th>
72
+
73
+ <th>値段</th>
74
+
75
+ </tr>
76
+
77
+ <tr>
78
+
79
+ <td>レモン</td>
80
+
81
+ <td>小</td>
82
+
83
+ <td>50円</td>
84
+
85
+ </tr>
86
+
87
+ <tr>
88
+
89
+ <td>りんご</td>
90
+
91
+ <td>中</td>
92
+
93
+ <td>100円</td>
94
+
95
+ </tr>
96
+
97
+ <tr>
98
+
99
+ <td>ぶどう</td>
100
+
101
+ <td>大</td>
102
+
103
+ <td>80円</td>
104
+
105
+ </tr>
106
+
107
+ <tr>
108
+
109
+ <td>とくになし</td>
110
+
111
+ <td>とくになし</td>
112
+
113
+ <td>とくになし</td>
114
+
115
+ </tr>
116
+
117
+ <tr>
118
+
119
+ <td>大</td>
120
+
121
+ <td>中</td>
122
+
123
+ <td>小</td>
124
+
125
+ </tr>
126
+
127
+ </tbody>
128
+
129
+ </table>
130
+
131
+ ```