phpとjsを使用して表のセルのテキストの色を変更する

Question

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

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>"; 

Answer 1

の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>

Answer 2

あなたは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); 
    } 
}); 

Answer 3

だけ

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

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