來自具有某個類名的所有元素的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

Answer 2

更改return this.attr('videofile');到return $(this).attr('videofile');。 您需要將this放入$()，以便它成爲jQuery對象，然後您可以打開attr()。

例子：http://jsfiddle.net/r9xJn/

Answer 3

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

工作例如：http://jsfiddle.net/hY6zM/