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

标签 javascript jquery html

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

最佳答案

fiddle

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

已修复

  • css class li.leader,无效的 7 位颜色
  • 逻辑应将leaderfollower添加到比较对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');
    }
});

关于javascript - 使用jquery比较两个元素,根据结果更改类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12792780/

相关文章:

html - 如何在 Bootstrap 工具提示中显示表单元素?

javascript - 通过脚本标签与 GET 包含时,JS 文件缓存是不同的

javascript - 隐藏列表中的隐藏列表

javascript - 如何在复选框选中时启用文本框

jquery - 如何将 bootstrap-datetimepicker 默认显示日期设置为 'null'

html - 将固定的 navigation-div 对齐到右侧的外部 div

Javascript时钟输出文本样式

javascript - 需要帮助了解此网格的工作原理

JavaScript slider 未按预期工作

javascript - 如何在选择标签旁边添加按钮