cssを使用してHTMLテーブルの単語の各インスタンスの色を変更するにはどうすればよいですか？

Question

私はAngularJSを使用して、HTMLで次のテーブルを持っている：「によって報告された」列「観察」、「確認者」、および「日付」で

<table id="searchTable"> 
    <thead> 
     <tr> 
      <th>Index</th> 
      <th>Observation</th> 
      <th>Reported By</th> 
      <th>Verified By</th> 
      <th>Date</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr data-ng-repeat="observation in observations| filter:searchText"> 
      <th> {{$index + 1}} </th> 
      <th>{{observation.clinicalType}}</th> 
      <th>{{observation.reportedBy}}</th> 
      <th>{{observation.verifiedBy}}</th> 
      <th>{{observation.reportedDate}}</th> 
     </tr> 
    </tbody> 
</table> 

、文字列を持つことが可能である「NULL "私はCSSの中で素早く簡単な方法で、 "NULL"の各インスタンスを赤色で四つの列のすべてに塗りつぶすのかどうか疑問に思っていましたか？私はかなりの間そこにこだわってきました。

Answer 1

個人的には、Jqueryでこれを行うことをおすすめします。https://jsfiddle.net/97oqnuyx/

はEDIT：あなたが快く受け入れてきたので、あなたは... "NULL" を含む、次の操作を実行して赤に変更し、すべての<th>要素に対して

$(document).ready(function() { 

    $("th:contains('NULL')").css("color", "red"); 

}); 

JSFiddleを見ることができます私の答えは、実際にあなたの特定のケースでは問題を解決していないようですが、私は私が人々がこれを見つけるイベントで誤情報を広げていないことを確認する必要があります感じる。

上記の私の答えは多くの場合に機能しますが、これはAngularを使用している場合はおそらく行く方法ではありません。その場合、this oneのようなソリューションを探していますが、OPは上記のコメントにリンクしています。