查找DOM樹

Question

相同的div我有一個DOM樹：

<div id="all"> 
    <div id="second"> 
    <div id="target"></div> * 
    <div id="somediv"></div> 
    </div> 
    <div id="second"> 
    <div id="target"></div> 
    <div id="somediv"></div> 
    </div> 
    <div id="second"> 
    <div id="target"></div> 
    <div id="somediv"></div> 
    </div> 
</div> 

我怎樣才能獲得ID =「目標」的所有div？

$('#second').siblings().andSelf().children(':first') - 僅顯示第一個目標（*），忽略其餘部分。

Answer 1

在HTML文檔中不能有多個具有相同ID的div。相反，使用class =「target」。然後你就可以得到與類目標的所有div在所有

$("#all .target") 

Answer 2

嘗試以下操作：

$('div[id=second]').siblings().andSelf().children(':first') 

當一個ID選擇呈現，jQuery將只具有該ID返回的第一個元素。 這是因爲具有相同ID的元素是無效的HTML。 HTML解析器通常很靈活，並且在大多數瀏覽器中可能會顯示正常，但不能保證是這種情況。考慮將您的標記更改爲使用data-屬性或CSS類或類似的ID而不是ID。

Answer 3

在HTML不能重複ID ..更換id="target"與class="target"，然後 -

$('#all').find('.target');