使用xml和jquery在同一节点中加载图像集

我试图在单击缩略图时加载与节点对应的多个图像

我可以让它加载一个图像时，点击，但我需要加载多个图像。我是

用xml加载我的缩略图

var $container = $('.window_body');
var images = new Array();
var id = 0;
init();

function init() {
    $('<div class = "thumbnail_layout layout_type"></div>').appendTo('.window_body');
    $.get('sites.xml', function (d) {
        $(d).find('site').each(function (i, l) {
            var imageUrl = $(this).find('imgurl').text();
            var title = $(this).find('title').text();
            var url = $(this).find('url').text();
            var brief = $(this).find('brief').text();
            var long = $(this).find('long').text();
            var classa = $(this).find('_class').text();
            images[i] = $(this).find('img').text();
            $('<div id="' + "p" + i + '" class="' + classa + '"></div>').html('<a> <img src="' + imageUrl + '" class="thumbnail" />' + '<h1>' + title + '</h1> </a>').appendTo('.thumbnail_layout');
        });
        $(".item").click(function () {
            var index = $(this).prevAll().length;
            var datelength = $(".item").length
            for(var i = 0; i <= datelength; i++) {
                if(i == index) {
                    $("#holder").empty();
                    $("#holder").prepend('<img id="my_img" src="' + images[i] + '" />');
                } else {}
            }
        });
    })
}

var$container=$（'.window_body'）；
var images=新数组（）；
var-id=0；
init（）；
函数init（）{
$（''）.appendTo（'.window_body'）；
$.get（'sites.xml'，函数（d）{
$（d）.查找（'site'）。每个（函数（i，l）{
var imageUrl=$（this.find（'imgurl'）.text（）；
var title=$（this.find（'title'）.text（）；
var url=$（this.find（'url'）.text（）；
var-brief=$（this.find（'brief'）.text（）；
var long=$（this.find（'long'）.text（）；
var classa=$（this.find（'u class'）.text（）；
images[i]=$（this.find（'img'）.text（）；
$（''）.html（''+''+标题+''）.appendTo（'.thumbnail_layout'）；
});
$（“.item”）。单击（函数（）{
var index=$（this）.prevAll（）.length；
var datelength=$（“.item”）.length
对于（var i=0；i，您可以存储从$（this）获得的节点集。查找（'img'），而不仅仅是文本：

        images[i] = $(this).find('img').text(); 

然后在单击处理程序中执行以下操作：

images[i].each(function() {
    $("#holder").prepend('<img id="my_img" src="' + $(this).text + '" />');  
};

images[i]。每个（函数（）{
$（“#持有人”）。前缀（“”）；
};
因此我将其替换为：images[I]=$（this.find（'img'））将上面的内容放入我的事件处理程序中，但仍然无法使其工作..你必须更具体一点，你会遇到什么错误？它与一个图像一起工作吗？如果放置多个图像会发生什么情况？你是否检查开发工具中是否生成了标记？如果不知道更多，很难知道问题是什么…明白了！我就是这样做的：for（var I=0；I
images[i].each(function() {
    $("#holder").prepend('<img id="my_img" src="' + $(this).text + '" />');  
};