javascript - 如何查找被单击的元素的 ID

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 5 年前。

我拥有的是 class的table row也就是说，当单击其中一个时，会激活 function在 jQuery 中捕获 id element的被点击了。我看过几篇关于如何执行此操作的帖子(即 Getting the ID of the element that fired an event 或 JavaScript - onClick to get the ID of the clicked button )，但没有一个对我有用。

所以，我认为这会起作用:

$(".yourStockTabs").click(function() {
    if (sellStockClicked === true) {
        var ids = $(this).attr("id");
        alert(ids);
    }
});

但事实并非如此。 sellStockClicked === true部分是检查器，以确保 button之前已经被点击过。我一开始想也许是获取 attribute 的代码不正确或者可能是 variable不是真的，但我发现这两种情况都不是，因为我删除了 if function并注释掉 id部分并刚刚拥有它alert一些东西，但仍然没有。

完整代码如下:

$("#sellStockButton").click(function() {
    var sellStockClicked = true;
    alert("Please click on the row of the stock that you would like to sell.\n\nWhen you are finished, click this button again.");
    $(".yourStockTabs").css("background", "#E50000");
    $(".yourStockTabs").css("cursor", "pointer");
});
$(".yourStockTabs").click(function() {
    if (sellStockClicked === true) {
        var ids = $(this).attr("id");
        alert(ids);
    }
});
$("#sellStockButton").click(function() {
    if (sellStockClicked === true) {
       var sellStockClicked = false; 
    }
});

Answer 1

问题是您的变量 sellStockClicked 是在函数内部声明的。

尝试在外部删除此变量声明:

var sellStockClicked ;
$("#sellStockButton").click(function() {
    sellStockClicked = true;
    alert("Please click on the row of the stock that you would like to sell.\n\nWhen you are finished, click this button again.");
    $(".yourStockTabs").css("background", "#E50000");
    $(".yourStockTabs").css("cursor", "pointer");
});
$(".yourStockTabs").click(function() {
    if (sellStockClicked === true) {
        var ids = $(this).attr("id");
        alert(ids);
    }
});
$("#sellStockButton").click(function() {
    if (sellStockClicked === true) {
       var sellStockClicked = false; 
    }
});