如何获取href值？

Question

为了简单起见，我目前使用的是javascript。我如何获得href值并将其存储在JavaScript变量中。我需要为每个课程部分提取所有属性的href值，并且还要提取每个部分中的每个项目。

<ul class="curriculum-items-list"> 
<li class="curriculum-section-container ng-scope"> 
    <ul> 
    <li class="curriculum-item-container ng-scope"> 
    <a href="http://www.mywebsite.com/videoSec1_1.mp4"> 
    </li> 
    <li class="curriculum-item-container ng-scope"> 
    <a href="http://www.mywebsite.com/videoSec1_2.mp4"> 
    </li>  
    </ul> 
</li> 
<li class="curriculum-section-container ng-scope"> 
    <ul> 
    <li class="curriculum-item-container ng-scope"> 
    <a href="http://www.mywebsite.com/videoSec2_1.mp4"> 
    </li> 
    <li class="curriculum-item-container ng-scope"> 
    <a href="http://www.mywebsite.com/videoSec2_2.mp4"> 
    </li>  
    </ul> 
</li> 
</ul> 

欲望结果

http://www.mywebsite.com/videoSec1_1.mp4 
http://www.mywebsite.com/videoSec1_2.mp4 
http://www.mywebsite.com/videoSec2_1.mp4 
http://www.mywebsite.com/videoSec2_2.mp4 

Answer 1

var hrefs = []; 
$(".curriculum-item-container a").each(function (i, a) { 
    hrefs.push(a.getAttribute("href")); 
}); 

Answer 2

您可以使用querySelectorAll才能到a元素的引用，然后Array.prototype.map相关数据提取到一个数组：

var hrefs = [].map.call(document.querySelectorAll(".curriculum-item-container a"), function (elem) { 
    return elem.href; 
}); 

这是working example。