如何獲得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

您可以使用querySelectorAll獲取對a元素的引用，然后使用Array.prototype.map將相關數據提取到數組中：

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

這是一個有效的例子 。

Answer 2

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