来自具有特定类名的所有元素的 Javascript 数组

Question

我正在尝试从我的网页中具有特定类的元素创建一个数组。该数组应该从所有具有 videoLink 类的标签中获取 videofile 属性值。

数组中的最终值应该是。

 cycling_large, ocean_medium, winecountry_part1



 <a class="videoLink"  videofile="cycling_large"  ></a>
 <a class="videoLink" videofile="ocean_medium" ></a>
 <a class="videoLink" videofile="winecountry_part1" ></a>

我试过了，但是没有用。

var values = $('.videoLink').map(function() { return this.attr('videofile'); }).get();

提前致谢。

Answer 1

var links = document.getElementsByClassName("videoLink");
var values = [].map.call(links, function (el) {
  return el.getAttribute("videofile");
});

因为您不会为简单的事情使用 jQuery。

浏览器支持:

• ES5 shim
• DOM shim