특정 클래스 이름을 가진 모든 요소의 자바 스크립트 배열

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

Answer 2

변경 return this.attr('videofile');에서 return $(this).attr('videofile');으로 변경하십시오. this을 $()으로 묶어야하므로 attr()을 호출 할 수있는 jQuery 객체가됩니다.

예 : http://jsfiddle.net/r9xJn/

Answer 3

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

근무 예 : http://jsfiddle.net/hY6zM/