最好的jquery方法来查找和过滤并应用css类

Question

好吧,我们有

<span class="foo">7</span>
<span class="foo">2</span>
<span class="foo">9</span>

并且想要将'highest'的css类应用于'span.foo'.text> 7和css类的medium到值> 4和<= 7以及css类的最低到<= 4

期望结果的例子:

<span class="foo medium">7</span>
<span class="foo lowest">2</span>
<span class="foo highest">9</span>

这是一个查找和过滤情况吗？我确信它很常见,但我似乎无法找到最好的方法来编写它.谢谢

Answer 1

$("span.foo").each(function(){
  var num = parseInt(this.innerHTML, 10);
  if (num > 7)
    this.className += " highest"; 
  else if (num <= 4)
    this.className += " lowest"; 
  else
    this.className += " medium"; 
});