从div标签中选择Element

Question

如何在代码下方的示例中选择具有中心ID名称的第一个标记？

<div id=first>
     <div id=center></div>
</div>
<div id=first>
     <div id=center></div>
</div>

Answer 1

div = document.getElementById("center");

我假设您复制粘贴两次，这就是代码重复的原因。如果没有，则需要将这些ID更改为类（文档中的ID必须是唯一的）。

另外，在属性（id="center"）

周围加上引号

Answer 2

ID是独一无二的。首先纠正你的HTML。

http://www.w3.org/TR/html401/struct/global.html#h-7.5.2

Answer 3

你没有，那不是标准的HTML。

  

id属性指定HTML元素的唯一ID。   HTML文档中的ID 必须是唯一的。

http://www.w3schools.com/tags/att_standard_id.asp

Answer 4

首先，“id”是唯一的，这意味着你永远不应该有两个具有相同id的标签。您应该使用类，这些类适用于具有多个共同点的标记。

其次，我会查看XHTML验证，因为上面的内容无效：

http://www.w3schools.com/xhtml/

我不知道这是否能解决您的问题。如果你使用的是jQuery，你可以做一些简单的事情，例如：

$('.center:first')

您的HTML看起来像这样：

<div class="first">
     <div class="center"></div>
</div>
<div class="first">
     <div class="center"></div>
</div>

Answer 5

您可以使用Prototype来选择该元素 - 但是将不同的节点命名为相同的ID是无效的HTML。

使用Prototype使用您的代码选择第一个

$$("#center")[1];

如果你需要将它们放在一起使用一个类，那么你可以像这样循环它们

$$(".center").each(function(item){
  //Fun scripts
});