CSS か Javascriptで input textからでたマイナスの値の文字色変化

Question

SS か Javascriptで input textからでたマイナスの値の文字色変化をしたいのですが、
やり方が分かりません。

Comments

[root_jp]

>input textからでたマイナスの値
ってどういうことですか？
もう少し具体的に教えてもらえれば。

[退会済みユーザー]

input textの値を、DBに飛ばして、tableを作ったのですが、
その際に、計算を行い、その計算結果がマイナスになった場合、
文字色の変化は可能か？とういうことです。

[root_jp]

DBから取得して表示した結果が以下で、

<table>
<tr><td>5</td></tr>
<tr><td>-10</td></tr>
</table>

こういう表示になっている時に、-10の文字色を変えたいということですか？

[退会済みユーザー]

計算して、算出しているので、
tableには、自動に数値が反映されています。

[takito]

情報が断片的でなにをされたいのかイメージができません・・・具体的なHTMLなりJavascriptなりサーバ側の処理部分のコードなりを記述された方が、具体的なアドバイスを得られると思います

Answer 1

計算後のテーブル

<table id="result">
  <tr>
    <td>5</td>
  </tr>
  <tr>
    <td>-10</td>
  </tr>
</table>

.minus {
  color: red;
}

jQuery を使っています。

jQuery(function($) {
  $("#result td").filter(function() {
    return parseInt($(this).text()) < 0;
  }).addClass("minus");
});

Comments

[think49]

この場合、<table> を生成するサーバサイドスクリプト側で <td class="minus"> を付与すればいいので JavaScript が介在する理由がないような気がします。

[root_jp]

当然そうなんですが、
「CSS か　Javascriptで」という質問なので、サーバーサイドでやりたくないのかと。