javascript - 如何获取具有相同类名的一些图像的id

Question

在 html 中，我有一些具有相同类名但不同 id 的图像。

<IMG STYLE="position:absolute; TOP:35px; LEFT:170px; WIDTH:25px; HEIGHT:20px; background:red;" SRC="../image_collection/xx.png" class="allBtns" id="btn1">
<IMG STYLE="position:absolute; TOP:95px; LEFT:50px; WIDTH:25px; HEIGHT:20px; background:red;" SRC="../image_collection/yy.png" class="allBtns" id="btn2">
<IMG STYLE="position:absolute; TOP:295px; LEFT:250px; WIDTH:25px; HEIGHT:20px; background:red;" SRC="../image_collection/yy.png" class="allBtns" id="btn3">
..........

如果我单击图像，我需要已单击图像的 ID。

我尝试了以下方法，它返回完整的 id 列表:

$(".allBtns").on("click", function(event)
    {
        var ids = $('.allBtns').map(function() {
        return this.id;
        }).get();

        alert(ids);
    })

如何获取被点击的图片ID？

Answer 1

this指当前点击的元素。

$(".allBtns").on("click", function(event) {
     alert(this.id); // alert the id of current element
 });