检索 DOM 元素的 ID/GUID

Question

假设我在网页中有以下DOM结构

<html>
    <body>
        <div id="id1">Hello, this is div 1</div>
        <div>This is div 2</div>
        <div>And, this is div 3</div>
    </body>
</html>

如您所见，第一个 div 的 id 为 id1，但第二个 div 和第三个 div 没有。

通常，在 jQuery 中，您可以执行以下 selections

$("#id") // <-------------- Selector for the first div
$("div") // <-------------- Selector for all three div's

因此，从 UI 的角度来看，我们可以 select 第一个 div 通过 id，所有三个 div 的一个元素 selector.

但是，我确信每个 DOM 元素都会有一个 内部 DOM id 用于将每个元素与所有其他元素区分开来。例如，所有三个 div 都会有某种 guid 或类似的东西，可能是 1、2 和 3（换句话说，我想要的 ID每个 div 的 this 元素，我假设每个页面都是唯一的。

如何获得该 ID？如果可能，我想通过 jQuery 访问此 ID。

PS。我尝试使用 jQuery 事件来访问该信息，但还没有成功。我会阅读更多相关内容，但您可能比我更清楚答案。

谢谢。

Answer 1

"However, I am sure that each DOM elements will have an internal DOM id that is used to distinguish each element from all others."

没有内部 DOM ID，即使有，也只是内部 ID，您无法访问。您可以使用 getElementsByTagName 然后您可以引用您想要的集合中元素的索引。

例如在原版中 JavaScript 你可以这样做：

var foo = document.getElementsByTagName('div');
var secondDiv = foo[1];

或者在 jQuery 你可以这样做：

$('div').eq(1) // or $('div:eq(1)')

检索 DOM 元素的 ID/GUID

Retrieving the ID/GUID for a DOM element

jquery

dom

guid