使用jquery .each循环div并检索数据-src。

Question

我有一个div，其中有一组子div，每个div都有一个data-src属性。我试图循环这些代码，并使用.each jquery函数在控制台中返回它们。我使用的代码如下：

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/