ブートストラップテーブル：データ値で行の色を変更する

Question

行のデータ値に応じて、ブートストラップテーブルの行の色を変更するにはどうすればよいですか。 （今日の日付の列が古ければ、テキストを赤にしたい）

<table data-toggle="table" 
    data-url="GenerateJSonEmailList.php" 
    data-sort-name="stargazers_count" 
    data-sort-order="desc"> 

    <thead> 
     <tr> 
      <th data-field="idProspects" 
       data-sortable="true"> 
        ID 
      </th> 
      <th data-field="Prenom" 
       data-sortable="true"> 
        Prénom 
      </th> 
      <th data-field="Nom" 
       data-sortable="true"> 
        Nom 
      </th> 
      <th data-field="EmailAddress" 
       data-sortable="true"> 
        Adrese courriel 
      </th> 
      <th data-field="DateNextEmail" 
       data-sortable="true"> 
        Date 
      </th> 
     </tr> 
    </thead> 
    <tbody> 
    </tbody> 
</table> 

Answer 1

割り当てクラスあなたの日付フィールドとjQueryをループそれを用：

私はここで、C++やC＃と良いんだけど、JSに新しいとjQuery

コードがあります。日付フィールド値を日付フォーマットに変換し、現在の日付と比較します。 （行のデータ値に応じて）

HTML

<table> 
<thead> 
    <tr> 
     <th data-field="idProspects" 
      data-sortable="true"> 
       ID 
     </th> 
     <th data-field="Prenom" 
      data-sortable="true"> 
       Prénom 
     </th> 
     <th data-field="Nom" 
      data-sortable="true"> 
       Nom 
     </th> 
     <th data-field="EmailAddress" 
      data-sortable="true"> 
       Adrese courriel 
     </th> 
     <th data-field="DateNextEmail" 
      data-sortable="true"> 
       Date 
     </th> 
    </tr> 
</thead> 
<tbody> 
<tr>  
    <td>test</td> 
    <td>test</td> 
    <td>test</td> 
    <td>test</td> 
    <td class="datefield">05/11/2017</td> 
</tr> 
<tr>  
    <td>test</td> 
    <td>test</td> 
    <td>test</td> 
    <td>test</td> 
    <td class="datefield">05/23/2017</td> 
</tr> 
<tr>  
    <td>test</td> 
    <td>test</td> 
    <td>test</td> 
    <td>test</td> 
    <td class="datefield">05/18/2017</td> 
</tr> 
</tbody> 
</table> 

jQueryの

$(document).ready(function(){ 
    var CurrentDate = new Date(); 
    $('.datefield').each(function(){ 
     var SelectedDate = new Date($(this).text()); 
     if(CurrentDate > SelectedDate) { 
      $(this).css('color', 'red'); 
     } 
    }); 
}); 

FIDDLE DEMO