Использование jquery .each для обхода div и получения data-src - PullRequest
Новая
       7

Использование jquery .each для обхода div и получения data-src

0 голосов
/ 04 июля 2018

У меня есть 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>

Однако то, что у меня есть, не работает. Я считаю, что это может быть что-то делать с этим я использую консольный журнал.

Может кто-нибудь помочь, пожалуйста?

1 Ответ

0 голосов
/ 04 июля 2018

вы используете его неправильно использовать как это: 

$('.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/

...