2016-11-14 1 views
-2

Ich möchte die wahren oder falschen Farben ändern, asp.net Web Form in Repeater.Ich möchte die wahren oder falschen Farben mit jquery ändern

ich dies tat, aber jetzt arbeiten

 $(document).ready(function() { 
      var a = document.getElementsByClassName("badge").innerHTML; 
      var b = "true" 

      if (a == "true") { 
       $(".badge").addClass("badge bg-green"); 
      } 
      else { 
       $(".badge").addClass("badge bg-red"); 
      } 
     }); 



     <td style="width: 60px"> 
      <p id="dik" class="badge"><%# Eval("Aktif") %></p> 
     </td> 
+0

weil ByClassName gibt es ein Array zurück, wenn Sie mit dieser Verwendung Indexnummer var a einverstanden sind = document.getElementsByClassName ("badge") [0] .innerHTML; –

+0

Ich habe versucht, aber nicht funktioniert – erenn

Antwort

0

Try this:

 $(".badge").each(function(i,v){ 

      var b = "true"; // don't know use of it 

      if ($(v).text() == "true") { 
       $(v).addClass("badge bg-green"); 
      } 
      else { 
       $(v).addClass("badge bg-red"); 
      } 
     }); 
+0

es funktioniert nicht für Syntaxfehler, danke für Hilfe – erenn

+0

überprüfen Sie hier .. es funktioniert gut https://jsfiddle.net/ms87pe2p/1/ –

0

Unter der Annahme, dass es mehr als eine <td> Halte Abzeichen, die Sie unter Code versuchen:

$(document).ready(function() { 
    //loop through all badges one by one 
    $(".badge").each(function(){ 
     var a = $.trim($(this).text()); //get the p tag's text and trim it to remove spaces if any 
     if (a == "true") { 
      $(this).addClass("badge bg-green"); 
     } 
     else { 
      $(this).addClass("badge bg-red"); 
     } 
    }); 

}); 
+0

Willkommen @ErenEmin ...! – vijayP

Verwandte Themen