獲取每個號碼的數據屬性的jQuery

Question

HTML

<figure class="video-thumb" 
    data-thumb-0="image2.jpg" 
    data-thumb-1="image3.jpg" 
    data-thumb-2="image4.jpg" 
    data-thumb-3="image5.jpg" 
> 
    <img src="image1.jpg"> 
</figure> 

我想要得到這些數據，拇指*使用jQuery屬性。

然後我想通過使用setInterval來交換image1.jpg的src。

我會在幾秒鐘的時間內懸停並看到data-thumb-0/1/2/3/4/etc。

我有這些編號（data-thumb-0/1/2/3/4/5）的原因是因爲CMS根據客戶端上傳了多少個拇指推出這些數字。

我希望這是足夠的信息，任何幫助認真讚賞。

Answer 1

假設你有你的元素在如elem變量，試試這個：

var thumbs = [], i = 0, attr; 
while(attr = elem.getAttribute("data-thumb-"+i)) { 
    thumbs[i] = attr; 
    i++; 
} 

這會給你的縮略圖陣列。