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

Question

我正在尝试设置一个简单的井字游戏，并制作了一个包含 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);
});

注意:当然，您仍然需要添加额外的逻辑来切换哪个回合等。