2017-08-02 27 views
1

特定のマイルストーンで色を変更したい日があるフォームがあります。 私はJSを持っていますが、最初のセルでのみ動作し、他のセルでは動作しません。任意のアイデアをどのようにjsをループするので、テーブルのDAYSと呼ばれるすべてのセルが変更されますか?phpとjsを使用して表のセルのテキストの色を変更する

IveはIDを後に置いていますが、おそらく間違っています。

$(function() { 
    // Score Color 
    var score = parseInt($('#DAYS').text().trim()); 
    var color = 'red'; 
    if (!isNaN(score)) { 
     if (score >= 40) { 
      color = 'orange'; 
     } 
     if (score >= 60) { 
      color = 'green'; 
     } 
     $('#DAYS').css('color', color); 
    } 
}); 

PHP table: 
echo"<td id=DAYS>".$applicant_card['DAYS']."</td>"; 

答えて

0

のthats。 idは常に1つのユニークな要素のみを指します。

だから、DAYSの代わりidとしてclassを与え、それらにrespectice色を与えるためにeach()を使用して、各要素を介して実行することができます。

サンプルコード

$(function() { 
 
    $('.DAYS').each(function(){ 
 
    var score = parseInt($(this).text().trim()); 
 
    var color = 'red'; 
 
    if (!isNaN(score)) { 
 
     if (score >= 40) { 
 
      color = 'orange'; 
 
     } 
 
     if (score >= 60) { 
 
      color = 'green'; 
 
     } 
 
     $(this).css('color', color); 
 
    } 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
PHP table: 
 
<table> 
 
<tr><td class=DAYS>34</td></tr> 
 
<tr><td class=DAYS>44</td></tr> 
 
<tr><td class=DAYS>74</td></tr> 
 
<tr><td class=DAYS>23</td></tr> 
 
<tr><td class=DAYS>54</td></tr> 
 
</table>

+0

これはphp iの行から読み込まれる動的テーブルもともと与えた? – Glen

+0

ええと...ちょうどサンプルを表示するためにいくつかのダミーテーブルの値を与えた –

+0

大変ありがとう...矢を下ろすリスク。あなたがプロのことを聞かなくても、この情報のために使うことができる最高の本/リファレンスは何ですか? – Glen

0

あなたはclass=DAYSにエコーであなたのid=DAYSを変更することができます。 IDは1つのDOM要素のみを参照できますが、クラスは複数の要素を参照できます。

$(".DAYS").each(function() { 
    var score = parseInt($(this).text().trim()); 
    var color = 'red'; 
    if (!isNaN(score)) { 
    if (score >= 40) { 
     color = 'orange'; 
    } 
    if (score >= 60) { 
     color = 'green'; 
    } 
    $(this).css('color', color); 
    } 
}); 
+0

すべての数字に取り組んでニース1 ,,私はに#を変更 ''スクリプトで。すべての数字は緑ですが、スクリプトが赤いオレンジなどと言うように、私は異なる値の異なる色を期待していました – Glen

+0

ああ、申し訳ありませんが、私の変更はすべての行を最初の値と同じ色に設定します。私の編集を見てください。 – DrRoach

+0

申し訳ありませんが、番号は変更されていません(黒)、ankitsは私のために働いた。返信のための返信 – Glen

0

だけ

PHP table: echo"<td id="DAYS">".$applicant_card['DAYS']."</td>";

を変更 "" を使用DrRoachは、我々は複数の項目をターゲットしている場合、我々はclass代わりのidを使用する必要があり、言われたようすべての

+0

エラーが発生します – Glen

関連する問題