获取每个编号的数据属性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获取每个data-thumb- *属性。

然后我想使用setInterval迭代这些来交换image1.jpg的src。

我将最终让用户在几秒钟内盘旋并看到data-thumb-0 / 1/2/3/4 /等。

我有这些编号的原因（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++;
}

这将为您提供一系列缩略图。