javascript - 使用 JavaScript 获取 div id

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 中的内容(从上面的列表中:“某事”、“其他事”、“blah blah blah”或“等等”之一)。有谁知道如何让它提醒 div 的 id(在本例中为 1、2、3 或 4)而不是节点内的信息？

谢谢

Answer 1

在事件处理程序中，this 指的是单击的 div。您可以访问其id property ^[MDN] :

alert(this.id);

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

P.S:选择器应为 $(".results > div")。 (已修复)