javascript - 在 JavaScript 中使用 this.id ？

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");
    }
}