$("td").each(function () { //空白かどうかを判断 if ($(this).html().trim().length === 0) //空白の箇所にclassを与える $(this).addClass('highlight'); });
body { padding:10px; } td { padding:6px; border: 1px solid #333; } th { padding:10px; font-weight:bold; border: 1px solid #333; } .highlight { background-color:yellow; }
<table> <tr> <th>順番</th> <th>名前</th> <th>数</th> <th>金額</th> </tr> <tr> <td>1</td> <td>りんご</td> <td>10</td> <td>2000円</td> </tr> <tr> <td>2</td> <td>ごりら</td> <td>5</td> <td></td> </tr> <tr> <td>3</td> <td>ラッパ</td> <td></td> <td>3万円</td> </tr> <tr> <td>4</td> <td></td> <td>22</td> <td></td> </tr> <tr> <td>5</td> <td>その他</td> <td></td> <td>5億円</td> </tr> </table>