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

我最终会让用户悬停并看到数据拇指-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++;
}

这将为您提供一个缩略图数组。