javascript - 筛选问题；修改样式问题

Question

<p class="namber">2</p>
<p class="namber">3</p>
<p class="namber">3</p>
<p class="namber">4</p>
<p class="namber">8</p>
<p class="namber">1</p>
<p class="namber">4</p>

有这样一组数据；现在我要筛选出大于2的；并且给他一个红色；请问怎么实现的

Answer 1

如果是index大于2的

p:nth-child(n+2) {
    color: green;   
}

如果是text大于2的用遍历

Answer 2

jquery的each遍历判定

Answer 3

筛选数字大于2
$(".number").each(function(){

if($(this).html() > 2){
    $(this).css("color","red");
}

});

Answer 4

兄弟你number写错了。

var list = document.getElementsByClassName('number');
  for(var i=0;i<list.length;i++){
      if(list[i].innerHTML > 2) {
          list[i].style.color = 'red';
      }
  }