javascript - 无法在条件检查时设置 .css() 方法

Question

功能:

表中第一行数据的字体颜色应为白色，而表中其余数据的字体颜色应为橙色。

问题:

此时整行数据为橙色，无法设置第一行数据为橙色，其余数据为白色。问题是什么？请帮忙。

var data = "A,4.0,00:04@B,5.0,00:05@C,9.0,00:09";
var playerList = data.split("@");

var innerList;
for (i = 0; i < playerList.length; i++) {
  var [name, , score] = playerList[i].split(",");
  var [minute, second] = score.split(":");

  $("#Player_Name")
    .html(function(index, html) {
      var prop = index === 0 ? name : score;
      return html + prop + "<br>"
    })

  $("#Player_Minute_Score, #Player_Second_Score").html(function(index, html) {

    var prop = index == 0 ? minute : second;

    return html + prop + "<p>"
  })
}

#Rugby_Scoreboard {
  position: absolute;
  left: 335px;
  top: 182px;
  width: 825px;
  height: 818px;
  border-collapse: collapse;
}

#Rugby_Scoreboard div {
  z-index: 50;
  position: absolute;
  top: 10px;
  font-size: 40px;
  font-family: 'OpenSans-Bold';
  width: 1080px;
  color: #ff8c04;
}

#Rugby_Scoreboard div font {
  display: block;
}

#Rugby_Scoreboard div font:first-child {
  color: white;
}

#Player_Name {
  left: 120px;
}

#Player_Minute_Score {
  left: 580px;
}

#Player_Second_Score {
  left: 700px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="Game_LeaderBoard" style="position:absolute; z-index:6; top:0px; left:0px; width: 1920px; heigth: 1000px; margin:auto;">

  <table id="Rugby_Scoreboard">
    <tr>
      <td>
        <div id="Player_Name">
          <font face="OpenSans-Bold"></font>
        </div>
      </td>

      <td>
        <div id="Player_Minute_Score">
          <font face="OpenSans-Bold"></font>
        </div>
      </td>

      <td>
        <div id="Player_Second_Score">
          <font face="OpenSans-Bold"></font>
        </div>
      </td>
    </tr>
  </table>

</div>

Answer 1

您在 #Player_Second_Score 中缺少 # 当您调用 .html jquery 函数时缺少 id 选择器，因此您没有获得索引并且它永远不会 == 0，因此函数 .css 不是被调用

但是你为什么还要使用 jquery 呢？您可以使用 css 伪元素 :first-child 或 :nth-child(odd, even, or child number)

这还有一些其他的拼写错误需要修复，比如 second in [minute, seconod] no worry happens happens to all of us