jQuery numerisches Array Vergleich

Question

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

Inhalt dynamisch auf .DataContent durch jQuery-Arrays Schleife angehängt wird

see JSFiddle

Wie ich li.rate auf rot erscheinen lassen könnte, wenn span.ratePercent < ist 0, auf grün, wenn span.ratePercent> 0 und auf grau, wenn span.ratePercent == 0?

Probieren Sie einige Funktionen wie: calculateRate() in der Geige, aber es endet immer mit Auswirkungen auf alle li.rate Farbe gleichermaßen.

Vielen Dank für Ihre Zeit!

Answer 1

Sie können den Vorteil Ihrer Schleife zum Anhängen von li-Elementen nutzen. Ändern Sie einfach Ihre li Element:

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

Und in calculateRate() Funktion ändern Sie die .rate Klasse für jede if-Anweisung:

$(".rate"+[i]) 

Komplette Arbeitscode: jsFiddle

Jetzt können Sie so viele wie Sie wollen list Objekte, und es wird durch jede Schleife, und entsprechend ihrer ratePercent Wert wird es richtig Farbe des Textes setzen.