在javascript中获取类名时出错

我有这个HTML代码片段

<ul class="orderedList">
    <li class="il l1">Appathon 2k14</li>
    <li class="il l2">Da Vinci Code</li>
    <li class="il l3">Java Beans</li>
    <li class="il l4">Gigabyte Wars</li>
    <li class="il l5">Spin A Web</li>
</ul>

现在我想优化我的逻辑如下：

$(".l1").click(function x() {
    alert("Description : \n " + eventsDescription[0] + "\n\nLocation : \n" + loc[0]);
});
$(".l2").click(function x() {
    alert("Description : \n " + eventsDescription[1] + "\n\nLocation : \n" + loc[1]);
});
$(".l3").click(function x() {
    alert("Description : \n " + eventsDescription[2] + "\n\nLocation : \n" + loc[2]);
});
$(".l4").click(function x() {
    alert("Description : \n " + eventsDescription[3] + "\n\nLocation : \n" + loc[3]);
});
$(".l5").click(function x() {
    alert("Description : \n " + eventsDescription[4] + "\n\nLocation : \n" + loc[4]);
});

$(".il").click(function x() {
    alert($(".il").attr("class"));
});

由于'il'是每个标记（列表项）中存在的一个类，因此当我单击任何列表项时，它应返回该类的名称。我的问题是，当我点击任何列表项时，我在警报对话框中得到的结果是“l1 il”

根据我的代码，我想我应该通过点击第二个项目来获得“l2 il”，然后点击其他项目。

你应该使用

$（这个）

参考

$(".il").click(function x() { alert($(this).attr("class")); });

在代码中，您正在对元素集合调用

.attr（）

，这将导致检索该集合中

0

索引中存在的元素的类名。

您应该使用

$（this）

引用

$(".il").click(function x() { alert($(this).attr("class")); });

---

在代码中，您正在对元素集合调用

.attr（）

，这将导致检索该集合中

0

索引中存在的元素的类名。

Aravind代码被写入。你想要另一个选择试试这个

---

$（.orderedList li”）。单击（函数（）{alert（$（this.attr）（“class”）；}）
Aravind代码正在编写中。你想要另一个选择试试这个

$（.orderedList li”）。单击（函数（）{alert（$（this.attr）（“class”）；}）
这是第二次了，你今天要打败我！这是第二次了，你今天要打败我！