使用 jquery .each 遍历 div 并检索 data-src

Question

我有一个div，里面有一堆子div，每个div都有一个data-src属性。我正在尝试循环这些并使用.eachjquery 函数在控制台中返回它们。我正在使用下面的代码：

function rolloverImages() {
$('.thumbnail-wrapper').mouseover(function() {
var rollovers = $(this).find('rolloverimages');
rollovers.each(function() {
console.log( index + ": " + $(this).data('src') );
});
});
}
<div class="rolloverimages">
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-5.jpg"></div>
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-8.jpg"></div>
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-9.jpg"></div>
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-3.jpg"></div>
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-6.png"></div>
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-4.jpg"></div>
<div data-src=""></div>
<div data-src="/wp-content/uploads/2018/06/blue-moon-creative-ochre-7.jpg"></div>
</div>

但是，我所拥有的不起作用。我相信这可能与我正在使用控制台日志的这个有关。

谁能帮忙？

Answer 1

你用错了，就像这样用法：

$('.rolloverimages div').each(function()
{
console.log($(this).attr('data-src')); // this will output the value for data-src in console
})

然后，您可以在循环内执行任何操作。

请注意，这不是复制粘贴解决方案 - 根据您的需要进行修改，但这就是函数的工作方式。

裁判： https://api.jquery.com/jQuery.each/