Question

这是一些HTML：

<div class="results">
  <div id="1">something</div>
  <div id="2">something else</div>
  <div id="3">blah blah blah</div>
  <div id="4">etc</div>
</div>

现在，如果我可以使用jQuery调用它：

var div = $(".results > div");
div.click(function()
{
  alert(this.childNodes[0].nodeValue);
});

当点击div时，它会调出一个警告框，说明div中的内容（来自上面的列表：'某事'，'其他'，'等等等等'或'等'）。有谁知道如何让它提醒div（在这个例子中，1,2,3或4）div而不是节点内的信息？

由于

Answer 1

在事件处理程序中，this引用所点击的div。您可以访问其id property ^[MDN]：

alert(this.id);

注意： HTML4不允许id以数字开头。

~~P.S：选择器应为$(".results > div")。~~ （已修复）

Answer 2

提醒div的id属性：

alert(this.id);

使用javascript获取div id

2 个答案: