Javascript 我正在为一个班级制作一个井字游戏。有人能看看我的代码,告诉我我做错了什么吗?

Javascript 我正在为一个班级制作一个井字游戏。有人能看看我的代码,告诉我我做错了什么吗?,javascript,jquery,css,Javascript,Jquery,Css,我在this.css的事件处理程序中遇到错误,由于某些原因,我无法将这些图像分配到单元格的背景 谢谢大家! $(document).ready(function(){ var turn = 0; $("#cell11 , #cell12, #cell13, #cell21, #cell22, #cell23, #cell31, #cell32, #cell33 ") .click( function(){ // alert("click");

我在this.css的事件处理程序中遇到错误,由于某些原因,我无法将这些图像分配到单元格的背景

谢谢大家!

$(document).ready(function(){
  var turn = 0;

  $("#cell11 , #cell12, #cell13, #cell21, #cell22, #cell23, #cell31, #cell32, #cell33 ")
    .click(
      function(){
        // alert("click");
        var cell = this;
          if(turn=== 0){

            cell.css("background", "url(images/o.png");
            turn = 1 ;

          }else{
            cell.css("background", "url(images/x.png");
            turn = 0;
          }
      }
    );

});

您需要在此上实例化jQuery类:

var cell = $(this);

此外,请按照前面提到的方式修复打字错误:


您正在尝试将背景设置为
url(images/o.png
url(images/x.png
(注意两者上缺少
)。可能您应该将“var cell=this;”替换为“var cell=$(this);”。到目前为止,您已经得到了答案。另外,请注意url(不关闭括号。但这可能只是一个复制/粘贴输入错误,为了避免这么长的一行:$(“#cell11,#cell12,#cell13,#cell21,#cell22,#cell23,#cell31,#cell32,#cell33”)最好为所有这些元素使用一个公共选择器
if( turn === 0){
    cell.css("background", "url(images/o.png)");
    turn = 1 ;
}
else {
    cell.css("background", "url(images/x.png)");
    turn = 0;
}