如何以模式显示图像的更多信息（jQuery和.each循环）

Question

我正在使用Flickr中的.getJSON遍历对象，并仅在屏幕上按列显示图像。

但是我希望出现一个模态或对话框窗口，以显示有关该特定图像的一些信息。

function apiCall(searchvalue){
    $.getJSON("https://www.flickr.com/services/feeds/photos_public.gne?tags='"+searchvalue+"'&format=json&jsoncallback=?", function(data) { 
        $.each(data.items, function(index, item){
            var column = $('<div>').addClass('column').appendTo('.column-wrapper');
            //$('<p>').addClass('info').text(item.title).appendTo(column);
            $('<img>').addClass('img-fluid').attr('src',item.media.m).appendTo(column);

        });   
    }  
);}

我知道我应该使用点击功能和（此）。但是我知道我不应该在循环内这样做。

那么，如何在此循环之外访问对象值并以模态显示呢？我需要一个单独的功能吗？我有点迷路了。