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

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