jquery でテーブルの中のtdタグの字を条件付きで変える


```### 実現したいこと
foreachで回しているtdの一つ一つの値について、０より小さければ赤字表示をしたい。

### 前提

phpで作成している。jqueryを使って、テーブル内の数値を、０より小さい場合は赤字で表現したいが、以下のコードではうまくいかない。


### 該当のソースコード
```html
@foreach($matters as $matter)
 <tr>
   <td class=num>
    {{$matter->aa}}
  </td>
</tr>
@endforeach

 <script>
        $(function ($) {
            var num = $(".num").val();

            if(num > 0){
               $(this).css("color","red")
            }
  });
</script>

複数行があるため、同じクラスの値が複数あるので、それぞれの値に対して、マイナスは赤字だよ、ということを指定しないといけないのだと思うが、そのやり方がわかりません。
どうぞよろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

phpで出力する際「$matter->aa」の値を判定して、0以下なら（もしくは「-」を含むならなど適当な条件）tdにクラスnumといっしょにminusを付加すればよいのでは？あとはスタイルシートでmumusクラスに対してcolor:redすればよいかと。
どうしてもjQueryでやるならこんな感じ

html
1<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
2<script>
3$(function(){
4  $('.num').filter(function(){
5    return /-/.test($(this).text());
6  }).css('color','red');
7});
8</script>
9<table border>
10<tr>
11<td class="num">1</td>
12<td class="num">-2</td>
13<td class="num">0</td>
14<td class="num">-3</td>
15<td class="num">4</td>
16<td>文字列</td>
17</tr>
18</table>