jQuery的數字陣列比較

Question

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

內容通過jQuery的陣列循環動態附加在.DataContent

see JSFiddle

我如何才能讓li.rate出現在紅色，如果span.ratePercent是< 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對象，它將循環throught每個，並從他們的ratePercent值根據它將設置文本的正確顏色。