2012-06-04 69 views
0
<div id=Apple1> 
    <div id=Round></div> 
</div> 
<div id=Apple2> 
    <div id=Round></div> 
</div> 
<div id=Apple3> 
    <div id=Round></div> 
</div> 
<div id=Apple4> 
    <div id=Round></div> 
</div> 
<div id=Apple5> 
    <div id=Round></div> 
</div> 

$("#Apple1 #Round") 
$("#Apple2 #Round") 
$("#Apple3 #Round") 

基本上我有多個div不同的包裝div ID和相同的內部div ID。唯一標識HTML ID

可以使用jQuery這種方式唯一標識div標籤?

+2

ID必須是唯一的,你必須使用類代替。 –

+0

使用。孩子()方法 – 2012-06-04 09:17:36

+1

你不應該,這不是一個有效的'HTML'到具有相同'id'多個元素。你應該把'Round'變成一個班級而不是'id'。之後,您可以簡單地執行'$(「#Apple1 .Round」)等等。 –

回答

4

id根據定義應該已經是唯一的,我會盡量說在HTML頁面中有多個相同的id是無效的。

您可以使用類,如果你想:

<div id="Apple1"> 
    <div class="Round"> 
</div> 
... 

然後

$('#Apple1 .Round'); 
//etc 
+0

它*是*字面無效,有多個具有相同'id'的元素。標記驗證器會捕獲這樣的錯誤,因爲限制已經在HTML中正式實施。 –

0

是的,你可以,但具有相同id多個元素沒有任何標準下有效的HTML。

0

ID必須是唯一的,使用類的「圓」,而不是,然後對目標識別中一個獨特的圓id div。

$('#Apple1 .Round') 
0

您不能在一個頁面中重複ID,它們必須是唯一的。切換你重複的ID類

<div id=Apple1> 
    <div class=Round></div> 
</div> 

然後,你做你最初

$('#Apple1 .Round').doSomething() 
0

試圖ID必須是唯一的。你必須使用類而不是你的ID「圓」。

<div id="Apple1"> 
    <div class="Round"></div> 
</div> 
<div id="Apple2"> 
    <div class="Round"></div> 
</div> 
<div id="Apple3"> 
    <div class="Round"></div> 
</div> 
<div id="Apple4"> 
    <div class="Round"></div> 
</div> 
<div id="Apple5"> 
    <div class="Round"></div> 
</div> 

比你可以查詢的jQuery這樣:

$("#Apple1 .Round") 
$("#Apple2 .Round") 
$("#Apple3 .Round") 
0
<div id=Apple1> 
    <div></div> 
</div> 
<div id=Apple2> 
    <div></div> 
</div> 
<div id=Apple3> 
    <div></div> 
</div> 
<div id=Apple4> 
    <div></div> 
</div> 
<div id=Apple5> 
    <div></div> 
</div> 

$("#Apple1").children() 
$("#Apple2").children() 
$("#Apple3").children() 
0

是花花公子。

您可以使用此。但ID必須是唯一的。因此,它更好地讓它類