如何将多个值附加到列表+ jQuery

Question

以下显示了如何手动将每个href设置到图像路径并设置类。

$.fancybox([{
                            'href'  : '/image/1.jpg',
                            'class' : 'iframe'
                        },
                        {
                            'href'  : '/image/2.jpg',
                            'class' : 'iframe'
                        },
                        {
                            'href'  : '/image?blob_key={{ path }}',
                            'class' : 'iframe'
                        }
                    ], {
                        'padding'           : 0,

如果我有一个循环，如何将如上所示用大括号括起来的那些“href”和“class”的值附加到jQuery中的列表中？

修改

{% for photo in photos %}
// how to add this  "/image?blob_key={{ photo.photo_blobstore_key }} to the $.fancybox ?

{% endfor %}

问题已结束：

解决：

 var options = [];
            {% for photo in photos %}
                options.push({
                    'href'  : 'image?blob_key={{ photo.photo_blobstore_key }}',
                    'class' : 'iframe'
                });

对不起。我不熟悉jQuery，因此问了这个简单的问题。问题已经解决，因为它已经解决。

Answer 1

我假设您正在尝试在某个容器div中添加多个图像...正确吗？

$.each(photos, function(i,e){
    $("#fancybox").append($("<img src='"+ e.href +"' class='"+ e.class +"'/>"));
 });

Answer 2

var options = [];
   {% for photo in photos %}
      options.push({
          'href'  : 'image?blob_key={{ photo.photo_blobstore_key }}',
          'class' : 'iframe'
      });
   {% endfor %}