Jquery 如何根据元素内部的值更改元素的背景?

Jquery 如何根据元素内部的值更改元素的背景?,jquery,Jquery,我有一个数字表——如果表中的数字低于某个数字,我想通过添加一个类使其变为红色来突出显示。我的jQuery知识有限,但我非常确定这是可能的 我使用.text返回s中的值,并使用.each逐个检查数字 $document.readyfunction{ 美元地毯td.eachfunction{ 如果$this.text

我有一个数字表——如果表中的数字低于某个数字,我想通过添加一个类使其变为红色来突出显示。我的jQuery知识有限,但我非常确定这是可能的

我使用.text返回s中的值,并使用.each逐个检查数字

$document.readyfunction{ 美元地毯td.eachfunction{ 如果$this.text<5{ 这是addClassred } }; }; .地毯{ 背景色:aliceblue; } .地毯运输署{ 填充:12px 20px; } 瑞德先生{ 背景色:E7295B; } 2. 7. 4. 3. 4. 5. 2. 1. 1.
更新你的小提琴。您必须将文本解析为一个数字,并将addClass修复为脱离jQuery对象

$document.readyfunction{ 美元地毯td.eachfunction{ 如果parseInt$this.text,则10<5{ $this.addClassred } }; }; .地毯{ 背景色:aliceblue; } .地毯运输署{ 填充:12px 20px; } 瑞德先生{ 背景色:E7295B; } 2. 7. 4. 3. 4. 5. 2. 1. 1.
文本返回一个字符串。因此,您正在执行字符串<5。如果你回顾一下,字符0的十进制值是48,所以你的字符串都不会小于5。对文本使用parseInt将其转换为数字。编辑:如果要使用addClass方法,则if中的该值也需要以$为单位。addClass是一个jquery函数,将它与$this而不是@Taplar一起使用ASCII表与它有什么关系?当比较字符串和数字时,它不使用字符的ASCII值,而是将字符串解析为数字。我忘记了强制是比较的一种方式。因此,看起来错误可能只是addClass的问题。当您将字符串与数字进行比较时,它会首先自动将字符串转换为数字。5<10返回true。这是脚本语言的典型情况,当表达式中使用不同类型的对象时,它们会尝试做一些合理的事情。