Ich versuche, Ergebnisse aus einer Datenbank abzurufen, diese in ein <li> einzufügen und den größeren der beiden Werte hervorzuheben, die ich aus diesen beiden HTML <li> -Elementen erhalte. Ich habe eine jsfiddle erstellt, bin mir aber nicht sicher, wie ich addClass() dazu bringen soll, die { {X3}} basierend auf dem Ergebnis des Vergleichs der beiden Werte.

0
Stedy 9 Okt. 2012 im 08:26

4 Antworten

Beste Antwort

Geige

http://jsfiddle.net/syKWz/6/

behoben

  • CSS-Klasse li.leader, ungültige 7-stellige Farbe
  • Die Logik sollte sowohl leader als auch follower hinzufügen, um das Paar li zu vergleichen.

Code

$(function() {
    var val1 = parseInt($('.leader1').text(), 10);
    var val2 = parseInt($('.leader2').text(), 10);
    if(val1 > val2) {
        $('.leader1').addClass('leader'); 
        $('.leader2').addClass('follower');
    } else {
        $('.leader1').addClass('follower'); 
        $('.leader2').addClass('leader');
    }
});

.

2
Neverever 9 Okt. 2012 im 04:45

Folgendes habe ich getan:

$(function()
{
      var val1 = parseInt($('.leader1').text(), 10);
      var val2 = parseInt($('.leader2').text(), 10);
      if(val1 > val2){
        **$('.leader1').attr('class','.li.leader');** 
      }
      else{
            **$('.leader2').attr('class','.li.follower');**
      }
 }
 );
1
MikeB 9 Okt. 2012 im 04:29

Versuche dies

$(function()
{
  var val1 = parseInt($('.leader1').text(), 10);
  var val2 = parseInt($('.leader2').text(), 10);
  if(val1 > val2){
    $('.leader1').addClass('leader'); 
  }
    else{
        $('.leader2').addClass('follower');
   }
}

);

Jsfiddle: http://jsfiddle.net/syKWz/5/

0
YogeshWaran 9 Okt. 2012 im 04:33

Hier ist ein Beispiel mit der Signatur von toggleClass, das eine Funktion als Argument akzeptiert.

$(function() {
    $("li").toggleClass(function() {
        if(parseInt($(this).text(), 10) >
           parseInt($(this).siblings().text(), 10)) {
               return "leader";
           } else {
               return "follower";
           }
    });
});
0
Interrobang 9 Okt. 2012 im 04:31