切换 CSS 以更改背景

Question

在井字游戏中，当游戏获胜时，我希望获胜线的背景变为红色。

我已经将获胜线框 id 放入数组中-

if (cell1.innerText == symbol && cell2.innerText == symbol) {

if (cell3.innerText == symbol) {
  winningLine=[cell1.id,cell2.id,cell3.id]; //contains the id's of winning line
  winFlag = true;
}
......

然后我在使用此功能确认获胜时添加 css-

 function addOrRemoveCSS(line){

  var i=0;
  while(i<3){

    var cell=$(line[i]); // This is my main doubt. Can I do this??
    cell.toggleClass("winningCSS");
    i++;

  }
 }

我是不是做错了什么？？因为背景没有变化。

Answer 1

将 # 包含在您的 ID 中：

function addOrRemoveCSS(line){

  var i=0;
  while(i<3){

    var cell=$("#"+line[i]);
    cell.toggleClass("winningCSS");
    i++;

  }
 }

jQ 选择器需要知道它是您要查找的 ID。您只是传递没有 ID 选择器的字符串 #

切换 CSS 以更改背景

Toggling CSS to change background

javascript

css

toggleclass