從div標記中選擇元素

如何在示例下面的代碼中選擇具有中心id名稱的第一個標記？從div標記中選擇元素

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

2010-06-01 MSI

ID稱爲ID爲第一個一個原因 - 它應該是一個獨特的標識符。 – 2010-06-01 19:19:41

div = document.getElementById("center");

我假設你複製粘貼兩次這就是爲什麼代碼被複制。如果不是，則需要將這些ID更改爲類（文檔中的ID必須是唯一的）。

而且，把引號的屬性（id="center"）

2010-06-01 19:20:11

+1這個問題真的需要圖書館嗎？感謝您的JavaScript答案。 – harpo 2010-06-01 19:47:33

IDs意思是獨特的。首先更正你的html。

2010-06-01 19:19:58 Entendu

你不這樣做，這不是標準的HTML。

id屬性指定HTML元素的唯一ID。在HTML文檔中，編號必須是唯一的。

2010-06-01 19:20:07 nico

的第一件事，「ID」 S是唯一的，這意味着你不應該有相同的ID兩個標籤。您應該使用類，而這些類是用於具有幾個共同點的標籤。

其次，我想看看在XHTML驗證，上面是無效的：

我不知道這是否會解決您的問題或沒有。如果您在使用jQuery你可以做一些簡單的如：

$('.center:first')

你的HTML會是這個樣子：

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

2010-06-01 19:22:08

-1

您可以使用原型來選擇要素 - 但它是不是有效的HTML爲不同節點命名相同的ID。

使用原型使用您的代碼

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

選擇。如果你需要讓他們一起使用的一類，那麼你可以通過他們循環這樣

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

2010-06-01 19:22:57

一個50KB（左右）的圖書館可以通過ID選擇嗎？你瘋了嗎？ – 2010-06-01 20:00:00

如果OP想要使用代碼 - 我會建議Prototype庫。如果他們只是需要獲取該元素，那麼'document.getElementById（「」）'將會做他們需要的 – 2010-06-01 21:24:01

回答