Question

我正在尝试设置一个简单的tic tac toe游戏并制作一个包含3个单元格的3行表格。我试图这样做，当我点击一个td然后它将改变该td的文本而不必给每个td它自己的类。 http://jsbin.com/yuvatejagu/1/edit这是我目前尝试这样做的方式，但是我的表现非常糟糕。任何帮助将不胜感激。

Answer 1

看起来有几个问题。一，您不需要使用目标元素执行.get(0)。其次，您需要为X案例提供完整的测试。如果您有|| "X "，则需要重复target.text()来电。试试js：

$(document).ready(function() {
    turn = "X";

    function handler( event ) {
        var target = $(event.target);
        if (target.text() === "O" || target.text() === "X"){
          alert("Choose again!");
        }
        else {
          target.text(turn);
        }
    }

    $("td").click(handler);
});

注意：您当然还需要添加额外的逻辑来切换它，等等。

Answer 2

$(document).ready(function() {

 turn = "X";


$("td").click(function(event){
  if($(this).text() === 'X' || $(this).text() === '0')
     alert('choose again');
   else
     $(this).text(turn);

  });
});

Answer 3

这很有效。顺便说一句有趣的游戏。

$(document).ready(function() {

      var nextTurn = 'X';

      $("td").click(function() {
        var self = $(this);

        if(self.text() == '') {
          self.text(nextTurn);

          switch(nextTurn)
          {
            case 'X':
              nextTurn = 'O';
              break;
            case 'O':
              nextTurn = 'X';
              break;
          }

        }
      });
    });

如何访问单表td的全表 - Jquery

3 个答案: