jquery - 获取每个编号的数据属性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/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++;
}

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