javascript - 点击功能上的多个选择器，如何知道点击了哪个选择器？

Question

这里是 Jquery 的新手。我在点击功能上有四个选择器，请参见下面的代码，这是因为我希望在点击时对所有选择器产生相同的效果，而不是为所有四个选择器创建点击功能。但是，当单击时，我希望函数能够识别单击了哪个选择器，以便我可以对其中一个选择器执行操作，这就是我使用 id 而不是类的原因。更准确地说，我想将单击的选择器上的 CSS 设置为更高的 z-index 值，这样它就不会受到将要发生的效果的影响，在这种情况下，我希望单击的选择器具有 z-index 值共 10 个。

我试过使用 if 语句，见下文，但它不起作用，有人知道该怎么做吗？

<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>

我的 jQuery 尝试:

$(document).ready(function(e) {

var effect = $("#slide");

$("#1, #2, #3, #4").click(function() {

    effect.animate({width: "1100px"}, 200, "easeOutQuint");
    $("#2").data('clicked', true);

    if ($("#2").data('clicked')) {
       $("#2").css("z-index", "10");
    }

});
});

Answer 1

使用this关键字:

$(document).ready(function(e) {

var effect = $("#slide");

$("#1, #2, #3, #4").click(function() {

    effect.animate({width: "1100px"}, 200, "easeOutQuint");
    $(this).data('clicked', true);

    if ($(this).data('clicked')) {
       $(this).css("z-index", "10");
    }

});
});