訪問div元素的問題

Question

<div id="nav"> 
    <ul id="linkselect"> 
     <li class="important" ><a href="home.html">Home</a></li> 
     <li><a href="rlsdoc.html" >Release Document</a></li> 
     <li><a href="dtadmp.html">Data Dump</a></li> 
     <li><a href="facsetup.html">Facility Setup</a></li> 
     <li><a href="dbuelem.html">DBU Elimination</a></li> 
     <li><a href="contact.html">Contact us</a></li> 
    </ul> 
</div> 

我想將div「nav」的所有鏈接（主頁，發佈文檔等）放入數組中，以便我可以反覆使用它們。請幫助我爲此編寫JavaScript代碼。提前致謝。

Answer 1

這應該做你需要使用純JavaScript什麼：

window.onload = function() { 
    var data = []; 
    var oDiv = document.getElementById("nav"); 
    var links = oDiv.getElementsByTagName("a"); 
    for (var i = 0; i < links.length; i++) 
     data.push(links[i].innerHTML); 
    alert(data.join("\n")); 
}; 

Live test case。

Answer 2

的jQuery：

$('#linkselect li a') 

普通的JavaScript：

document.getElementById('linkselect').getElementsByTagName("a") 

Answer 3

我們可以使用一個組合的.querySelectorAll()查詢所需的錨和Array.prototype.forEach遍歷這些靜態元素的引用。

var anchors = document.querySelectorAll('#linkselect a'), 
    each = [].forEach; 

each.call(anchors, function(a) { 
    console.log(a); 
}); 

提示：這兩種方法都沒有「old'ish」瀏覽器可用，但很容易建立，很多墊片可用。

Answer 4

document.getElementById("nav").getElementsByTagName("a") 

這將返回一個包含所有「一」節點

Answer 5

試試這個節點列表。

的Javascript

var items = []; 
var anchors = document.getElementById("nav").getElementsByTagName("a"); 
for(var i = 0; i<anchors.length; i++){ 
    items.push(this.href); 
} 

jQuery的

var items = []; 
$("#nav a").each(function(){ 
    items.push(this.href); 
});