Javascript 如何使用变量来显示某些内容？

当我单击href时，我想显示目标id中的图像和描述。有人能帮我更正此代码并告诉我如何正确操作吗？多谢各位

HTML:

”；
附加（列表）；
数据。图像。每个（函数（i，j）{
list.prepend（$（“
”）。$（“
非常感谢您的帮助！非常感谢！
试试这个：

var datas={
            "images":[{ "src":"gallery/panorak.jpg",
                        "title":"PANORAK",
                        "date":"28/10/2010 Web Design",
                        "description":"desc",
                        "id":"panorak",
                        }, 
                        {
                        "src":"gallery/kamoa.jpg",
                        "title":"kamoa",
                        "date":"28/10/2010 Web Design",
                        "description":"desc",
                        "id":"kamoa",
                        }, 
                    ]};
$(document).ready(function(){
    var gallery=$("#gallery")

    //****I don't know how to display it right at this point

    var list=$("<ul/>");
    gallery.append(list);
    datas.images.each(function(i,j){
        list.prepend($("<li/>").$("<img/>").attr("src",datas.images[i].src).load(function(){ }));
    });
}); 

$（文档）.ready（函数（）{
var gallery=$（“#gallery”）
//****我不知道此时如何正确显示它
$（'a'）。单击（函数（）{
变量列表=$（“
”）；
附加（列表）；
$.each（数据、图像、函数（i、j）{
var img=$（“”）。追加（img））；
});
});
});

如果您想在单击某个内容时触发事件，可以使用
click（）
函数。我修复了
每个（）的
函数部分。检查此项。我拆分了一些代码以提高可读性。
我对您的代码做了一些更改：


查看所有更新的我的JSFIDLE链接。
您遇到了一些流结构问题和javascript错误

我正在使用normal for循环添加数组中的所有图像。循环完成后，我将使用
包装图像，并将列表添加到后台

请记住，图像不会显示，因为它不在JSFIDLE服务器上。请在您这边尝试

更新


因此，新的更新不会隐藏完整的容器

锚定标记[href]将与图像标题标记匹配。因此，一旦单击按钮，它将隐藏匹配的图像。
您的问题不够清楚。现在，您的代码应该在加载页面时动态添加两个图像。您想更改它，使其仅在“单击我”链接时添加图像吗单击了吗？没错！我也想知道如何将其他细节添加到前置部分。比如给li元素一个id。提前感谢您的帮助。这就是我要寻找的东西，问题是我只想取消隐藏一个图像，而不是整个包含div。您能告诉我怎么做吗？也许可以将id指定给t何莉元素？还是有更有效的方法？谢谢！不用了，我正忙着用#标记隐藏图片：）更新我的答案
$(document).ready(function(){
    var gallery=$("#gallery")

    //****I don't know how to display it right at this point    

    $('a').click(function(){
        var list=$("<ul/>");
        gallery.append(list);
        $.each(datas.images, function(i,j){
            var img = $("<img/>").attr("src",datas.images[i].src);
            list.prepend($("<li/>").append(img));
        });
    });
});