Question

I am trying to get results from a database, insert that into an <li> and highlight the greater of the two values I get from those two HTML <li> elements. I have made a jsfiddle but am unsure how to get addClass() to change the <li> based on the result of comparing the two values.

Answer 1

fiddle

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

fixed

• css class li.leader, invalid 7 digits color
• logic should add both leader & follower to compared pair li

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');
    }
});

​