jQueryの数値配列の比較

Question

HTML：<section class="DataContent"></section>

コンテンツはjQueryの配列ループを介して.DataContentに動的に追加されspan.ratePercentが<であれば、私はli.rateを作ることができる方法

see JSFiddle

が赤で表示されます0、span.ratePercent> 0の場合は緑、span.ratePercent == 0の場合はグレーです。

フィーリングの中でcalculateRate()のようないくつかの機能を試していますが、すべてのli.rateの色に均等に影響します。

ありがとうございました！

Answer 1

ループの利点を利用して、li要素を追加できます。ちょうどにあなたのli要素を変更：

<li class="rate'+[i]+'"> 

そしてcalculateRate()機能にすべてのために.rateクラスを変更if文：

$(".rate"+[i]) 

完全な作業コード：jsFiddle

は今、あなたはできるだけ多くを持つことができますあなたはlistオブジェクトを必要とし、それはそれぞれループスルーし、それらのratePercent値からテキストの適切な色を設定します。