href 값을 얻는 방법은 무엇입니까?

Question

간단하게하기 위해 현재 자바 스크립트를 사용하고 있습니다. href 값을 어떻게 얻을 수 있고 자바 스크립트 변수에 저장할 수 있습니다. 각 커리큘럼 섹션과 각 섹션의 각 항목에 대한 모든 속성 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

당신은 a 요소에 대한 참조를 얻을 수 querySelectorAll를 사용하여 다음 Array.prototype.map 배열로 관련 데이터를 추출 :

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

여기에가 있습니다..