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();

});

所以我认为我的快速测试，如果成功的话，当我点击左侧的位置时，会在右上角的条形图中显示“是”字样。

我的比较可能有问题吗？

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

Answer 2

如果您使用以下内容会发生什么：

$(this).attr('id') == "upright"

在JavaScript中使用this.id？

2 个答案: