javascript - 将 this.id 与 JavaScript 一起使用？

Question

我在 onclick 事件发生后传递一个 DOM 对象，我需要知道我从 html 传递的元素的 ID。我读过 JavaScript 中存在的 this.id，但我似乎无法正确使用它。

这是我在函数中的代码:

function clickFunction() {
    $(".tictactoe").on('click', function() {

        $(this).text("X");
        if (this.id == "upleft") {
            $('#upright').text("yes");
        }
    });
}

$(document).ready(function() {
    $('#playagain').hide();
    $('.tictactoe').on("click");

    clickFunction();

});

所以我想我的快速测试，如果成功的话，当我点击左边的位置时，会在右上角的 tic tac to bar 的网格中显示 yes 这个词。

也许我的比较有问题？

this.id == "upright"

X 出现了，表明代码的其余部分有效，所以它一定是比较。让我知道你的想法。

Answer 1

在点击处理程序中传递 clickFunction。然后删除函数中不需要的点击处理程序。

$(document).ready(function(){
    $('#playagain').hide();
    $('.tictactoe td').on("click", clickFunction);    //Added td click handler
});

function clickFunction()
{
    $(this).text("X");
    if(this.id == "upleft")
    {
        $('#upright').text("yes");
    }
}