Fügen Sie eine CSS-Klasse auf TD Tabelle nach TD weniger oder mehr Wert

Question

Ich habe eine Tabelle in HTML mit zwei TD-Inhalt drin. es ist ein dynamischer td. Ich möchte die Funktionalität implementieren, als ob in jeder der Tabellenzeilen jede große td-Wert-Textfarbe als grün und weniger Wert als rot angezeigt wird;

Bitte meine Quellcode finden:

forData+='<tr><td>'+forPlant+'</td><td>'+forAsking+'</td><td>'+forProduction+'</td></tr>'; 
       $(".forTable").append(forData); 
       if(forAsking<forProduction){ 
        console.info("Less value"); 
//-----here I want to display Whatever value is less it displayed as red and other is green 
       }else{ 
    //---same manner followed in there as well 
        console.info("More Asking"); 
       } 

Answer 1

erstellen 2 Klassen für die Farben

.green{ 
color:green; 
} 

.red{ 
color:red; 
} 

dann zunächst die Werte vergleichen dann das Ergebnis anhängen.

forData+='<tr><td>'+forPlant+'</td>'; 

if(forAsking<forProduction){ 

        forData+='<td class="green">'+forProduction+'</td><td class="red">'+forAsking+'</td>'; 

       }else{ 

        forData+='<td class="green">'+forAsking+'</td><td class="red">'+forProduction+'</td>'; 
       } 

forData+= '</tr>'; 

$(".forTable").append(forData); 

You can see the demo here