0

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

4

4 回答 4

2

小提琴

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>

于 2012-10-09T04:45:05.533 回答
1

这是我所做的：

$(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');**
      }
 }
 );
于 2012-10-09T04:29:50.517 回答
0

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

$(function() {
    $("li").toggleClass(function() {
        if(parseInt($(this).text(), 10) >
           parseInt($(this).siblings().text(), 10)) {
               return "leader";
           } else {
               return "follower";
           }
    });
});
于 2012-10-09T04:31:44.397 回答
0

试试这个

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

于 2012-10-09T04:33:23.753 回答