jQuery：如何获得点击元素ID

Question

所以我想获得点击元素的ID，实际上是一个div。

我的代码如下所示：

$(document).ready(function() { 
 
    $(".photo").on("click", function() { 
 
     console.log("Clicked"); 
 
     var id = $(this).attr("id"); 
 
     console.log(id); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main"> 
 
    <div class="gallery"> 
 
    <div class="wrapper"> 
 
     <img src="foo/img.jpg" class="photo" id="1"> 
 
    </div> 
 
    </div> 
 
</div>

这应该在控制台上返回

> Clicked 
> 1 

。这在这个片段中工作得很好，但不知何故在我的实际网站中不起作用。

它“忽略”我的点击，就像它在某物之下并且无法点击一样。

如果我改变

$(".gallery").on("click", function() { 

正常工作（当我添加过程的ID）。

任何想法如何解决它或我错过了什么？

Thx！

Answer 1

1. 你可以用 “$（本）[0]” 得到ID名称
2. ID名称的第一个字母不`吨推荐使用数字

$(document).ready(function() { 
 
    $(".gallery").on("click", function() { 
 
     console.log("Clicked"); 
 
     var id = $(this)[0].id; 
 
     console.log(id); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main"> 
 
    <div class="gallery"> 
 
    <div class="wrapper"> 
 
     <img src="foo/img.jpg" class="photo" id="1"> 
 
    </div> 
 
    </div> 
 
</div>