извлечь data-img-src из каждой опции множественного выбора

Question

извлечь data-img-src из каждой опции множественного выбора

0

У меня есть несколько блоков выбора с параметрами, которые также содержат атрибут data-img-src. То, что я хотел бы сделать, - это перебрать все выбранные параметры и извлечь связанный атрибут data-img-src. В настоящее время я делаю что-то вроде этого:

$.each($('#imagepicker').val() || [], function(i,value) {
  // this gets me relevant <img> tag but I will still need to parse this
  console.log($('#'+i).context.images[$('#'+i).context.images.length-1].outerHTML);

  // this returns undefined
  console.log($('#'+i).attr('data-img-src'));
}

Наверное, я могу разобрать внешнюю строкуHTML, которую я смог получить, но должно быть что-то проще. Что мне не хватает?

Благодарю!

Joni 23 май 2014, в 15:08

Источник

2

Можете ли вы показать нам немного HTML
A.T. 23 май 2014, в 12:44
0

Я вижу, что, поскольку каждый из них уже отфильтровал только значение, я не смог получить к нему доступ. Спасибо, ребята, за ответы!
Joni 23 май 2014, в 13:00

Теги:

javascript

jquery

3 ответа

1

$('select option:selected').each(function(i, value){
    var $img_src = $(this).data('img-src');
    console.log($img_src);
});

Ohgodwhy 23 май 2014, в 10:23

1

Я думаю, вы используете это: imagepicker

Вы хотите получить все выбранные параметры и извлечь атрибут данных:

Попробуй это:

$('select option:selected').each(function(i, value){
    var imgsrc = $(this).data('img-src') 
    console.log(imgsrc);
});

Рабочий пример

Ishan Jain 23 май 2014, в 09:59

0

@Joni: Пожалуйста, смотрите обновленный ответ. :)
Ishan Jain 23 май 2014, в 13:29

Ещё вопросы

Можете ли вы показать нам немного HTML
Я вижу, что, поскольку каждый из них уже отфильтровал только значение, я не смог получить к нему доступ. Спасибо, ребята, за ответы!
@Joni: Пожалуйста, смотрите обновленный ответ. :)

Milanzor · Accepted Answer · 2014-05-23T10-05-00.000Z

Попробуй это:

var all_images = [];
$("#imagepicker option:selected").each(function(){
    console.log($(this).data('img-src'));
    all_images.push($(this).data('img-src'));
});

// Do with all_images what you like, its an array that contains all the img-src's