javascript - 突出显示简单的数字行？

Question

我有一个 javascript 循环，想突出显示一些数字

for(i=0;i<=100;i++){
  $("#mydiv").append("<span>"+i+"</span>");
}

现在我想每 4 个选择 1,5,9,13,17...但从 1 开始并突出显示它。每一秒都很容易:

for(i=0;i<=100;i++){
  var bool = false;
  if(bool){
    $("#mydiv").append("<span>"+i+"</span>");
    bool = false;
  } else {
    $("#mydiv").append("<span class='highlight'>"+i+"</span>");
    bool = true;
  }
}

我该怎么做？

Answer 1

我很惊讶人们推荐 jQuery 的第 nth-child 选择器，而不只是通过 CSS 直接使用 nth-child 样式。

在你的样式表中:

#mydiv span:nth-child(4n-2) { background-color: yellow }