Question

我有一个多选框，其中的选项也包含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'));
}

我想我可以解析我能够得到的outerHTML字符串，但必须有更简单的东西。我错过了什么？

谢谢！

Answer 1

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

Answer 2

试试这个：

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

Answer 3

我认为你正在使用这个：imagepicker

您希望获取所有选定的选项，而不是提取数据属性：

试试这个：

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

Working Example

从多选的每个选项中提取data-img-src

3 个答案: