セール中の商品を判別して処理をしたい【JavaScript初心者】

Question

前提

Javascriptの知識は初心者レベルのWebデザイナー（フロントはOK）です。

カートASPをカスタマイズしながら、一般的なECサイトをつくっています。
商品一覧ページで「セール商品を判別して、それだけ色を変える」
というような、元々のカートの機能にないことをしたいとのことで、
Javascriptを書いて実装したいのですがうまくいかず。

急ぎかつ周りに聞ける人がいなく。。ベテランの方のお知恵を借りたいです。

実現したいこと

各商品の　[定価]　と　[販売価格]　の数値を比較して
[定価]　＞　[販売価格]　の場合
liタグに　nowsale というクラス名を加えたい。
なお、JQuery使える環境（のはず）です。

該当のソースコード

<ul class="item-wrap">

 <li class="item">
    <a href="[商品詳細ページへのリンク]">
      <img src="[商品の写真]">
      <h3 class="item-name">[商品の名前]</h3>
      <p class="item-consumerPrice"><span class="cp">[定価]</span>円(税込)</p>
      <p class="item-taxPrice"><span class="tp">[販売価格]</span>円(税込)</p>
    </a>
  </li>

 <li class="item">
    <a href="[商品詳細ページへのリンク]">
      <img src="[商品の写真]">
      <h3 class="item-name">[商品の名前]</h3>
      <p class="item-consumerPrice"><span class="cp">[定価]</span>円(税込)</p>
      <p class="item-taxPrice"><span class="tp">[販売価格]</span>円(税込)</p>
    </a>
  </li>
  
  ・・・以下同様にリストが続く

</ul>

試したこと

定価と販売価格をまず変数として定義させ、それらを比較して、
それに該当すればclassを加えれば良いのだから・・・
ということでここまで書きました。

これだとうまくいかなくて、
ループ的なものを使わないといけないのだろうなぁというところまでは予測していますが
知識不足で詰まっています。

<script type="text/javascript">
  $(function() {
    var CP = $('.cp').text();
    var TP = $('.tp').text();
    if(TP>CP){
      $('.item').addClass("nowsale");
    }
  });
</script>

Answer 1

これで。

【jQuery.each() | jQuery API Documentation】
https://api.jquery.com/jquery.each/

【jQueryのeach()で複数の要素、配列、オブジェクトをループ処理】
https://www.flatflag.nir87.com/each-1325

Comments

[AkitoshiManabe]

> liタグに　nowsale というクラス名を加えたい
先祖を探索できる https://api.jquery.com/closest も紹介してあげたい。
http://semooh.jp/jquery/api/traversing/closest/%5Bexpr%5D/ (jQuery日本語リファレンス)
…不要かも（追記

[halpi]

お二方ともありがとうございます！
参考にさせていただきます。

[kei344]

To: halpiさん
結局まったく参考にしていないですね。

Answer 2

こちらのコードで解決いたしました。
ご覧いただいた方、コメントお寄せいただいた方、ありがとうございました。

$(function () {
 var items = $('.item');

 for (var i = 0; i < items.length; i++) {
  var teika = items.eq(i).find('.cp').text();
  var hanbai = items.eq(i).find('.tp').text();

   if (teika > hanbai) {
    items.eq(i).addClass('is-sale');
   }
  }
});