javascript - 用jquery比较两个元素，根据结果更改类

Question

我正在尝试从数据库中获取结果，将其插入<li>并突出显示我从这两个 HTML<li>元素中获得的两个值中的较大者。我做了一个jsfiddle，但不确定如何根据比较两个值的结果addClass()来更改。<li>

Answer 1

小提琴

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

固定的

• css 类li.leader，无效的 7 位颜色
• 逻辑应该将leader&添加follower到比较对li

代码

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

​</p>

Answer 2

这是我所做的：

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

Answer 3

toggleClass这是一个使用接受函数作为参数的签名的示例。

$(function() {
    $("li").toggleClass(function() {
        if(parseInt($(this).text(), 10) >
           parseInt($(this).siblings().text(), 10)) {
               return "leader";
           } else {
               return "follower";
           }
    });
});

Answer 4

试试这个

$(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/