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的{{1}} id1 ，但第二个id和第三个div没有任何

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

div

因此，从UI的角度来看，我们可以通过 id 选择第一个$("#id") // <-------------- Selector for the first div $("div") // <-------------- Selector for all three div's，并通过元素选择器选择所有三个div。

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

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

PS。我尝试使用jQuery事件来获取该信息，但还没有运气。我会详细了解它，但你也可能比我更了解答案。

感谢。

Answer 1

“但是，我确信每个DOM元素都有一个内部DOM ID，用于区分每个元素与其他元素。”

没有内部DOM ID，即使它们只是内部，也不是您可以访问的。您可以使用getElementsByTagName，然后您可以参考所需集合中元素的索引。

例如，在vanilla JavaScript中，您可以这样做：

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

或者在jQuery中你可以做到：

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

检索DOM元素的ID / GUID

1 个答案: