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; 
});

这是working example。

Answer 2

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

Answer 3

另一种使用 querySelectorAll 获取所有 href 的方法。

let hrefs = [];

document.querySelectorAll('.curriculum-item-container a').forEach(a => {
  hrefs.push(a.href);
})

如何获得href值？

3 个答案: