Javascript массив из всех элементов с определенным именем класса

Question

Я пытаюсь создать массив из элементов определенного класса на моей веб-странице.Массив должен получить значение атрибута videofile от всех тегов с классом videoLink.

Окончательные значения в массиве должны быть.

 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 шим
• DOM shim

Answer 2

Измените return this.attr('videofile'); на return $(this).attr('videofile');. Вам нужно заключить this в $(), чтобы он стал объектом jQuery, который затем можно вызвать attr() on.

Пример: http://jsfiddle.net/r9xJn/

Answer 3

var result = $.map($('a.videoLink'), function(a) {
   return $(a).attr('videofile');
});

Рабочий пример: http://jsfiddle.net/hY6zM/