Как получить Data-Attr в jQuery в плагине и превратить его в массив?

Question

Как получить Data-Attr в jQuery в плагине и превратить его в массив?

0

Я пытаюсь захватить атрибуты для определенных меток выделения так:

$('tagName').swapper();

Каждый раздел имеет вид data-image = "source", мне нужно захватить каждый из них и создать массив из него. Вот где я застрял, я могу получить каждый по отдельности, но не сразу, чтобы создать массив, ниже мой код для создания массива.

var imgArray = [];
        $this.each(function() {
            var count = getImgAttr.length;
            imgArray.push([getImgAttr]);
            console.log(imgArray);
            console.log(count);
        });

getImgAttr - это просто $ this.data("image");

Это возвращает каждый из них как отдельный массив, а не один.

Как я могу связать их все и предотвратить их разделение?

Спасибо, парни.

Mike Huebner 19 фев. 2014, в 22:31

Источник

0

почему ты оборачиваешь это в [] ? вы должны определить getImgAttr для каждого изображения, которое вы перебираете, иначе оно будет когда-либо смотреть только на первое изображение.
Kevin B 19 фев. 2014, в 21:29
0

Как я полностью уронил это? Я попробую, он был отформатирован с сайта jQuery API, поэтому я пытаюсь понять, как это сделать правильно. И я просто снял его, теперь он собирает правильную информацию. Теперь это вопрос слияния 3+, которые у меня есть.
Mike Huebner 19 фев. 2014, в 21:33

Теги:

javascript

jquery

arrays

html5

jquery-plugins

1 ответ

Ещё вопросы

почему ты оборачиваешь это в [] ? вы должны определить getImgAttr для каждого изображения, которое вы перебираете, иначе оно будет когда-либо смотреть только на первое изображение.
Как я полностью уронил это? Я попробую, он был отформатирован с сайта jQuery API, поэтому я пытаюсь понять, как это сделать правильно. И я просто снял его, теперь он собирает правильную информацию. Теперь это вопрос слияния 3+, которые у меня есть.

Kevin B · Accepted Answer · 2014-02-19T20-02-00.000Z

Вероятно, ваша проблема исходит отсюда:

var getImgAttr = $this.data("image");

это получает значение atttribute данных первого элемента в коллекции в пределах $ this. Вы должны делать это внутри области, где вы повторяете изображения. Кроме того, вы можете упростить код, пропустив каждый из них и перейдя в .map.

$.fn.swapper = function(){
    var imageArr = this.map(function(){
        return $(this).data("image");
    }).get();
    console.log(imgArr);
    return this;
}

Это сработало, спасибо! Он захватывает каждого из них в отдельности, теперь он просто повторно применяет и рандомизирует контент для каждого из них. Еще раз спасибо!