Django htmlに渡す変数の値によって文字の色を変える

Question

前提・実現したいこと

htmlで受け取った変数{{ object_list }}の値によって文字の色をbootstrapのbadgeを使って
変更したい。
{{ object_list }}で受け取った値が"OK"の場合

<h4><span class="badge badge-**primary**">{{ object_list }}</span></h4> {{ object_list }}で受け取った値が"NG"の場合 <h4><span class="badge badge-**danger**">{{ object_list }}</span></h4> のような感じに。

もしくは文字の色を赤色、背景を赤色にするでも問題ありません。

発生している問題・エラーメッセージ

変更するのにjavascriptかjqueryを使う必要があるとは思いますが、
htmlに打ち込まれた文字を変更するのはよくみかけますが、
受け取った値（"OK","NG"）に対してというのがなかなか見つかりません。

該当のソースコード

 <div class="alert alert-light" role="alert">
   <h3>{{ object_list }}</h3>
 </div>

Answer 1

headに

<!-- jQuery読み込み -->
<script src="https://code.jquery.com/jquery-1.12.4.js" type="text/javascript"></script>

htmlに以下のjqueryを記述。
これでいけました。ただしＮＧの文字だけではなくdivで囲った要素がすべて赤文字になっています。
文字だけの場合はdivを変更すればよいのかもしれません。

html

<script type="text/javascript">
    $(function() {
        $("div:contains('NG')").css('color','red');
    });
</script>