如何在点击时获得具有特定ID的div类？

Question

我试图在点击时获得具有特定id的每个div的类.

这是我试过的.

$("#chng").click(function() {
   var myClass = $(this).attr("class");
   alert(myClass);
});

这仅适用于第一个div,而不适用于其他div.

这是HTML

<div id="chng" class="a"></div>
<br/>
<div id="chng" class="b"></div>
<br/>
<div id="chng" class="c"></div>
<br/>
<div id="chng" class="d"></div>

我有一个提示,可以在这里使用each()函数,但我不知道如何使用它.请为此提供解决方案.还有可能获得我点击这些div的背景图像的网址吗？

background: url(bg1.jpg) no-repeat;

Answer 1

切换它.

将id作为您的班级,将您的班级作为您的ID.
ID 必须是唯一的,您的类不必是.

HTML:

<div class="chng" id="a"></div>
<br/>
<div class="chng" id="b"></div>
<br/>
<div class="chng" id="c"></div>
<br/>
<div class="chng" id="d"></div>

JS:

$(".chng").click(function() {
   var myID = this.id;
   alert(myID);
});