jquery - Onclick，每个循环和这个问题

Question

一直在寻找解决这个问题的方法，但很难找到。所以这里是：

我有一个 onclick 功能：

$(".div-colour-box").on("click", function () {

进入每个循环：

$("#" + componentID).children("div.div-colour-box").each(function (i) {

然后我想检查触发 onclick 函数的 < div > 是否是当前在每个循环中迭代的项目。

但是，据我所见，在使用 jQuery 时，$(this) 更改为引用当前在每个循环中迭代的项目，并有效地忘记了哪个对象触发了 onClick 事件。

如何比较两者以查看它们是否相同？

谢谢！

Answer 1

将初始元素保存到变量中：

$(".div-colour-box").on("click", function () {
    var clickedOn = this;
    $("#" + componentID).children("div.div-colour-box").each(function (i, element) {
        if(element == clickedOn) {
            //...
        }
    });
});

Answer 2

改变：

$(".div-colour-box").on("click", function () {

至

$(".div-colour-box").on("click", function (e) {

使用：$(e.currentTarget)获取触发点击事件的jquery对象。