jquery - Onclick、各ループ、およびこの問題

Question

これに対する解決策を高低で検索してきましたが、検索するのは難しいことです。だからここに行きます：

私はオンクリック機能を持っています:

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

each ループに入る:

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

次に、onclick 関数をトリガーした < div > が、各ループで現在反復されている項目であるかどうかを確認します。

ただし、私が見る限り、jQuery を使用すると、$(this) は each ループ内で現在反復されているアイテムを参照するように変更され、どのオブジェクトが onClick イベントをトリガーしたかを事実上忘れてしまいます。

2つを比較して、それらが1つであるかどうかを確認するにはどうすればよいですか?

ありがとう！

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 オブジェクトを取得します。